html {
    box-sizing: border-box;
    scroll-behavior: smooth; }

* {
    margin: 0;
    padding: 0; }

*,
*::after,
*::before {
    box-sizing: border-box; }

input,
textarea,
select,
button {
    outline: none; }

a {
    display: block;
    text-decoration: none; }

img {
    display: block;
    max-width: 100%; }

ul,
li {
    margin: 0;
    padding: 0;
    list-style-type: none; }

p,
h1,
h4,
h2,
h3 {
    font-size: inherit;
    margin: 0; }

button:focus {
    box-shadow: none !important; }

button:hover {
    opacity: 0.9; }

a:hover,
a.nav-link:hover {
    color: #254edb;
    opacity: 0.9; }

/* PC Alway  */
/* PC BIG  */
/* PC BIG Lower */
/* PC BIG 16 */
/* PC fit */
/* PC fit-sub */
/* PC fit lower */
/* PC fit lower */
/* PC fit small */
/* PC HD */
/* PC Change */
/* PC LOWER  min-1023px */
/* Mobile & tablet */
/* Tablet */
/* Min Mobile */
/* Mobile */
/* Phone Small */
html {
    font-size: 16px;
    scroll-behavior: smooth !important; }

html,
body {
    position: relative;
    height: 100%; }

body {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    font-family: "Inter", sans-serif;
    color: #202124;
    overflow-y: auto; }
@media only screen and (max-width: 46.1875em) {
    body {
        font-size: 15px; } }
@media only screen and (min-width: 1650px) {
    body .container-xxl {
        max-width: 1394px; } }
@media only screen and (max-width: 63.9375em) {
    body .container-xxl {
        max-width: 100%; }
    body .container-xxl .hide-on-bothTM {
        display: none !important; } }
@media only screen and (min-width: 1650px) {
    body .container-xl {
        max-width: 1194px; } }
@media only screen and (max-width: 63.9375em) {
    body .container-xl {
        max-width: 100%; }
    body .container-xl .hide-on-bothTM {
        display: none !important; } }
@media only screen and (min-width: 1650px) {
    body .container {
        max-width: 1108px; } }
@media only screen and (max-width: 63.9375em) {
    body .container {
        max-width: 100%; }
    body .container .hide-on-bothTM {
        display: none !important; } }

.loading {
    position: fixed;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1099;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65); }
.loading.active {
    display: flex; }
.loading-icon {
    position: relative;
    z-index: 10;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: inline-block;
    border: 3.4px solid #254edb;
    border-left: 3.4px solid transparent;
    border-top: 3.4px solid transparent;
    border-bottom: 3.4px solid transparent;
    animation: spinner 1s infinite normal running linear; }
.loading-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    font-size: 2.8rem;
    font-weight: 400;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    overflow: hidden;
    transform: translate(-50%, -50%); }

.back-overlay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 95;
    height: 100%;
    width: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.4); }
.back-overlay.active {
    display: block; }
@media only screen and (max-width: 63.9375em) {
    .back-overlay {
        display: none !important; }
    .back-overlay .hide-on-bothTM {
        display: none !important; } }

.on {
    --width: 56px;
    position: fixed;
    right: 30px;
    bottom: 80px;
    z-index: 98;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
@media only screen and (max-width: 46.1875em) {
    .on {
        --width: 48px;
        right: 18px;
        bottom: 50px; } }
.on-link {
    width: var(--width);
    height: var(--width);
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #254edb;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
@media only screen and (max-width: 46.1875em) {
    .on-link {
        width: calc(var(--width) - 4px);
        height: calc(var(--width) - 4px); } }
.on-link + .on-link {
    margin-top: 13px; }
@media only screen and (max-width: 46.1875em) {
    .on-link + .on-link {
        margin-top: 8px; } }
.on-link > i {
    font-size: 20px;
    color: #fff; }
.on-link > svg {
    width: 17px;
    height: 25px; }
@media only screen and (max-width: 1440px) {
    .on-link > svg {
        width: 18px;
        height: 26px; } }
@media only screen and (max-width: 1283px) {
    .on-link > svg {
        width: 19px;
        height: 27px; }
    .on-link > svg .hide-on-pc-HD {
        display: none; } }
@media only screen and (max-width: 46.1875em) {
    .on-link > svg {
        width: 16px;
        height: 24px; } }
.on-mess + .on-link {
    margin-top: 13px; }
.on-mess, .on-zalo {
    margin-top: 13px;
    width: var(--width);
    height: var(--width);
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(4px 3px 3px #00000041); }
.on-mess > img, .on-zalo > img {
    width: 100%;
    height: 100%; }
.on-phone {
    background-color: #ff5100;
    -webkit-animation: phone-pulse 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s;
    animation: phone-pulse 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards; }

.home {
    margin-top: 112px; }
@media only screen and (max-width: 63.9375em) {
    .home {
        margin-top: 60px; }
    .home .hide-on-bothTM {
        display: none !important; } }
.home .reveal {
    position: relative;
    opacity: 0; }
.home .reveal.active {
    opacity: 1; }
.home .reveal.active.fade-bottom {
    animation: fade-bottom 1s ease-in; }
.home .reveal.active.fade-left {
    animation: fade-left 1s ease-in; }
.home .reveal.active.fade-right {
    animation: fade-right 1s ease-in; }

@keyframes smoothScroll {
    0% {
        transform: translateY(-140px); }
    100% {
        transform: translateY(0px); } }

@keyframes fade-bottom {
    0% {
        transform: translateY(50px);
        opacity: 0; }
    100% {
        transform: translateY(0);
        opacity: 1; } }

@keyframes fade-left {
    0% {
        transform: translateX(-100px);
        opacity: 0; }
    100% {
        transform: translateX(0);
        opacity: 1; } }

@keyframes fade-right {
    0% {
        transform: translateX(100px);
        opacity: 0; }
    100% {
        transform: translateX(0);
        opacity: 1; } }

@keyframes phone-pulse {
    0% {
        transform: scale(0.8); }
    50% {
        transform: scale(1); }
    to {
        transform: scale(0.8); } }

@-webkit-keyframes ping {
    75%,
    to {
        transform: scale(2);
        opacity: 0; } }

@keyframes ping {
    75%,
    to {
        transform: scale(2);
        opacity: 0; } }

@keyframes fadeHide {
    0% {
        height: 116px;
        opacity: 1; }
    100% {
        height: 0px;
        opacity: 0; } }

@keyframes fadeSearch {
    0% {
        transform: translateX(100%); }
    100% {
        transform: translateX(0%); } }

@keyframes fadeShow {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }

@keyframes fadeHide {
    from {
        opacity: 1; }
    to {
        opacity: 0; } }

@keyframes fadeShowReference {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }

@keyframes fadeHover {
    0% {
        font-size: 24px;
        font-weight: 500; }
    50% {
        font-size: 28px;
        font-weight: 800; }
    100% {
        font-weight: 900;
        font-size: 27px; } }

@keyframes fadeHideZoom {
    from {
        opacity: 1;
        transform: scale(1); }
    to {
        transform: scale(1.4);
        opacity: 0; } }

@keyframes spinner {
    100% {
        transform: rotate(360deg); } }

/* Track */
/* Handle */
/* Handle on hover */
.general-space {
    margin-top: 120px; }
@media only screen and (max-width: 1440px) {
    .general-space {
        margin-top: 90px; } }
@media only screen and (max-width: 1300px) {
    .general-space {
        margin-top: 75px; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .general-space {
        margin-top: 65px; } }
@media only screen and (max-width: 46.1875em) {
    .general-space {
        margin-top: 40px; } }

.general-name {
    font-size: 26px;
    font-weight: 700;
    color: #202124; }
@media only screen and (max-width: 1440px) {
    .general-name {
        font-size: 24px; } }
@media only screen and (max-width: 1300px) {
    .general-name {
        font-size: 22px; } }
@media only screen and (max-width: 63.9375em) {
    .general-name {
        font-size: 20px; }
    .general-name .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .general-name {
        font-size: 19px; } }

.general-nav .swiper-button-next::after, .general-nav .swiper-button-prev::after {
    display: none; }

.general-title {
    font-size: 58px;
    font-style: normal;
    font-weight: 700;
    padding: 0 35px;
    line-height: 1.5;
    text-align: center; }
@media only screen and (max-width: 1440px) {
    .general-title {
        font-size: 48px;
        line-height: 1.3; } }
@media only screen and (max-width: 1300px) {
    .general-title {
        font-size: 35px;
        line-height: 1.5; } }
@media only screen and (max-width: 63.9375em) {
    .general-title {
        font-size: 32px;
        line-height: 1.5; }
    .general-title .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .general-title {
        padding: 0;
        font-size: 28px;
        line-height: 1.4; } }
.general-title.special {
    text-align: left;
    padding: 0; }
.general-title__special {
    font-size: 48px;
    color: #254edb;
    padding: 4px 22px;
    font-weight: 500;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    line-height: 1.3;
    transform: translateY(6px);
    display: inline-flex;
    border-radius: 48px;
    background-color: #e8f0fe; }
@media only screen and (max-width: 1440px) {
    .general-title__special {
        font-size: 38px; } }
@media only screen and (max-width: 1300px) {
    .general-title__special {
        font-size: 28px;
        line-height: 1.5; } }
@media only screen and (max-width: 63.9375em) {
    .general-title__special {
        font-size: 22px;
        padding: 3px 12px; }
    .general-title__special .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .general-title__special {
        font-size: 18px;
        transform: translateY(4px); } }
.general-title__special > svg {
    width: 52px;
    height: 52px;
    margin-right: 0px; }
@media only screen and (max-width: 1440px) {
    .general-title__special > svg {
        width: 42px;
        height: 42px; } }
@media only screen and (max-width: 1300px) {
    .general-title__special > svg {
        width: 38px;
        height: 38px; } }
@media only screen and (max-width: 63.9375em) {
    .general-title__special > svg {
        width: 28px;
        height: 28px;
        margin-right: 6px; }
    .general-title__special > svg .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .general-title__special > svg {
        width: 24px;
        height: 24px; } }

.general-content {
    margin-top: 70px; }
@media only screen and (max-width: 1440px) {
    .general-content {
        margin-top: 55px; } }
@media only screen and (max-width: 1300px) {
    .general-content {
        margin-top: 45px; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .general-content {
        margin-top: 35px; } }
@media only screen and (max-width: 46.1875em) {
    .general-content {
        margin-top: 30px; } }

.general-btn {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 16px 6px;
    border: 0;
    border-radius: 20px;
    background-image: linear-gradient(267deg, #ff5100 25%, #ff9500 75%); }
@media only screen and (max-width: 46.1875em) {
    .general-btn {
        font-size: 14px;
        padding: 7px 20px 6px; } }
.general-btn.special {
    display: flex;
    margin-left: auto;
    margin-right: auto; }

.modal {
    z-index: 1077; }
.modal::after {
    position: absolute;
    content: "";
    z-index: -2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: grayscale(50%) blur(10px); }
@media only screen and (max-width: 46.1875em) {
    .modal::after {
        backdrop-filter: grayscale(50%) blur(2px); } }
.modal-backdrop.show {
    z-index: 1076;
    opacity: 0.86; }
.modal-header {
    border-bottom: 0; }

.offcanvas {
    z-index: 1056; }
.offcanvas-backdrop {
    z-index: 1055; }

.ingredient-accordion__item {
    border: 0;
    background-color: transparent !important; }

.ingredient-accordion__btn {
    padding: 0;
    font-weight: 600;
    color: #202124 !important;
    box-shadow: none !important;
    background-color: transparent !important; }
.ingredient-accordion__btn::after {
    display: none; }

.ingredient-accordion__body {
    font-weight: 500;
    padding: 6px 0 0; }

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; }
.header-top {
    padding: 8px 0;
    background-color: #e8f0fe; }
@media only screen and (max-width: 63.9375em) {
    .header-top {
        display: none; }
    .header-top .hide-on-bothTM {
        display: none !important; } }
.header-top__wrapper {
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center; }
.header-top__contact {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
.header-top__select {
    font-weight: 500 !important;
    padding: 0px 14px !important; }
.header-top__select > span {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
.header-top__select svg {
    margin-left: 10px; }
.header-top__text {
    font-weight: 500;
    margin: 0 6px 0 8px; }
.header-top__phone {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
.header-top__phone + .header-top__phone {
    margin-left: 18px; }
.header-top__link {
    color: #254edb;
    font-weight: 700; }
.header-top__activity {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
.header-top__search {
    width: 175px;
    padding: 5px 14px;
    margin-right: 32px;
    border-radius: 20px;
    background-color: #fff; }
.header-top__input {
    font-size: 14px;
    font-weight: 400; }
.header-top__input::placeholder {
    color: #5f6368;
    font-weight: 400; }
.header-top__input:active, .header-top__input:focus {
    box-shadow: none; }
.header-top__input, .header-top__icon {
    padding: 0;
    border: 0;
    background-color: transparent; }
.header-top__special {
    position: relative;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ff5100; }
.header-top__special::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0.75;
    border-radius: 50%;
    background-color: #ff5100;
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; }
.header-bottom {
    background-color: #fff; }
@media only screen and (max-width: 63.9375em) {
    .header-bottom {
        padding: 5px 0; }
    .header-bottom .hide-on-bothTM {
        display: none !important; } }
.header-bottom__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center; }
.header-logo__img {
    height: 55px; }
@media only screen and (max-width: 63.9375em) {
    .header-logo__img {
        height: 50px; }
    .header-logo__img .hide-on-bothTM {
        display: none !important; } }
.header-activity {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
.header-activity__btn {
    font-size: 16px; }
@media only screen and (max-width: 63.9375em) {
    .header-activity__btn {
        display: none; }
    .header-activity__btn .hide-on-bothTM {
        display: none !important; } }
.header-nav {
    margin-top: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
@media only screen and (max-width: 63.9375em) {
    .header-nav {
        display: none; }
    .header-nav .hide-on-bothTM {
        display: none !important; } }
.header-nav__link {
    position: relative;
    padding: 14px 14px;
    font-weight: 500;
    color: #5f6368;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    border-bottom: 2px solid transparent; }
.header-nav__link > a {
    color: #5f6368; }
.header-nav__link:hover {
    color: #254edb; }
.header-nav__link.active {
    color: #202124;
    font-weight: 700;
    border-color: #254edb; }
.header-cart {
    position: relative;
    margin-left: 40px; }
@media only screen and (max-width: 63.9375em) {
    .header-cart {
        margin-left: 22px; }
    .header-cart .hide-on-bothTM {
        display: none !important; } }
.header-cart__quantity {
    position: absolute;
    bottom: 55%;
    left: 68%;
    color: #fff;
    font-size: 11px;
    padding: 0px 5px;
    border-radius: 50%;
    background-color: #ff5100; }
.header-sub {
    position: absolute;
    top: calc(100% + 24px);
    right: 0px;
    z-index: 999;
    width: 100%;
    min-width: 240px;
    font-size: 14px;
    display: none;
    border-radius: 16px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px; }
@media only screen and (max-width: 1366px) {
    .header-sub {
        right: -18px;
        min-width: 333px; } }
@media only screen and (max-width: 1300px) {
    .header-sub {
        min-width: 268px; } }
.header-sub::before {
    position: absolute;
    content: "";
    top: -12px;
    left: 152px;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    background-color: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; }
.header-sub.special {
    left: -50px;
    width: 400px; }
.header-sub.special::before {
    left: 88px; }
.header-sub.special .header-sub__category {
    padding: 8px; }
.header-sub.special .header-sub__item {
    padding: 14px 8px; }
.header-sub.special .header-sub__product {
    color: #5f6368;
    font-weight: 400; }
.header-sub.special .header-sub__product:hover {
    font-weight: 500;
    color: #254edb; }
.header-sub.top {
    left: auto;
    right: 0;
    width: 240px;
    top: calc(100% + 14px); }
.header-sub.top::before {
    top: -10px;
    left: auto;
    right: 60px;
    width: 20px;
    height: 20px; }
.header-sub::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 99%;
    height: 39px;
    width: 100%; }
.header-sub.active {
    display: block; }
.header-sub__title {
    font-weight: bold;
    color: #202124;
    font-weight: 700;
    line-height: 1.4;
    padding: 10px 10px;
    border-bottom: 1.3px solid #dadce0; }
@media only screen and (max-width: 1600px) {
    .header-sub__title {
        font-size: 13px; } }
@media only screen and (max-width: 1283px) {
    .header-sub__title {
        line-height: 1.5; }
    .header-sub__title .hide-on-pc-HD {
        display: none; } }
@media only screen and (max-width: 46.1875em) {
    .header-sub__title {
        font-size: 15px; } }
.header-sub__title.special {
    border-bottom: 0px; }
.header-sub__category {
    position: relative;
    width: 100%;
    padding: 8px 0px;
    border-radius: 16px;
    background-color: #fff; }
.header-sub__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 10px 10px 9px; }
.header-sub__item + .header-sub__item {
    border-top: 1px solid #dadce0; }
.header-sub__item:hover > a {
    font-weight: 700;
    color: #254edb; }
.header-sub__item:hover .header-sub__child {
    visibility: visible;
    opacity: 1;
    transition: 0.3s; }
.header-sub__product {
    position: relative;
    color: #444444;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    transition: all 0.3s; }
@media only screen and (max-width: 1283px) {
    .header-sub__product {
        font-size: 13px; }
    .header-sub__product .hide-on-pc-HD {
        display: none; } }
.header-sub__product > img {
    margin-right: 14px; }
.header-sub__child {
    position: absolute;
    top: 0px;
    left: calc(100% + 0px);
    z-index: 999;
    padding: 9px 16px 16px;
    opacity: 0;
    width: 780px;
    min-height: 100%;
    max-height: 66vh;
    overflow-y: auto;
    cursor: default;
    background: #fff;
    visibility: hidden;
    transition: 0.3s;
    border-radius: 16px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
    /* Track */
    /* Handle */
    /* Handle on hover */ }
@media only screen and (max-width: 1440px) {
    .header-sub__child {
        width: 700px;
        padding: 8px 10px 18px;
        gap: 16px 34px;
        grid-template-columns: repeat(3, 1fr); } }
@media only screen and (max-width: 1283px) {
    .header-sub__child {
        left: calc(100% + 12px);
        width: 644px;
        padding: 12px 16px;
        gap: 20px 20px;
        overflow-y: auto;
        max-height: calc(100vh - 156px); }
    .header-sub__child .hide-on-pc-HD {
        display: none; } }
.header-sub__child::-webkit-scrollbar {
    width: 10px; }
.header-sub__child::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 50px; }
.header-sub__child::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background: #dcdcdc; }
.header-sub__child::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1; }
.header-sub__child::after {
    position: absolute;
    content: "";
    z-index: 20;
    right: 98%;
    top: 0px;
    width: 50px;
    height: 100%; }
.header-sub__detail {
    position: relative;
    height: max-content;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px 40px; }
.header-sub__link {
    color: #5f6368;
    font-size: 13px;
    font-weight: 400;
    padding: 3px 10px; }
@media only screen and (max-width: 46.1875em) {
    .header-sub__link {
        font-size: 15px; } }
.header-sub__list {
    margin-top: 10px; }
.header-mobile__menu {
    font-size: 28px;
    margin-left: 25px;
    display: none; }
@media only screen and (max-width: 63.9375em) {
    .header-mobile__menu {
        display: block; }
    .header-mobile__menu .hide-on-bothTM {
        display: none !important; } }
.header-detail__body {
    padding: 0px;
    overflow-y: auto;
    max-height: calc(100vh - 132px); }
.header-detail .offcanvas-header {
    padding-bottom: 0; }
.header-detail .offcanvas-header > button {
    border: 0;
    padding: 0 6px;
    font-size: 18px;
    background-color: transparent; }
.header-detail .offcanvas-body {
    padding: 10px 14px; }
.header-detail__item {
    border: 0;
    padding: 10px 8px;
    color: #202124; }
.header-detail__item .accordion-header {
    font-weight: 400;
    position: relative; }
.header-detail__item .accordion-button {
    transition: all 0.3s;
    padding: 8px 0;
    min-height: 26px; }
.header-detail__item .accordion-button:not(.collapsed) {
    box-shadow: none;
    background-color: transparent; }
.header-detail__link {
    color: #202124; }
.header-detail__text {
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 10;
    color: #202124;
    transform: translateY(-50%); }
.header-offcanvas .offcanvas-body {
    padding-top: 2px; }
.header-offcanvas .header-nav__link {
    font-size: 17px;
    padding: 5px 10px;
    justify-content: space-between; }
.header-offcanvas .header-nav__link > svg {
    transform: rotate(-90deg); }
.header-offcanvas .header-nav__link.active {
    color: #254edb;
    border-bottom: 0; }
.header-offcanvas__text {
    font-size: 17px;
    color: #5f6368; }
.header-offcanvas__special {
    padding: 5px 10px; }
.header-offcanvas__special .accordion-item {
    border: 0; }
.header-offcanvas__special .accordion-body {
    padding: 4px 0px; }
.header-offcanvas__special .accordion-header {
    position: relative; }
.header-offcanvas__special .accordion-button {
    padding: 5px 0px; }
.header-offcanvas__special .accordion-button:not(.collapsed) {
    box-shadow: none;
    background-color: transparent; }
.header-offcanvas__special .header-sub__category {
    padding: 0; }
.header-offcanvas__special .header-sub__product {
    font-size: 15px;
    line-height: 1.5; }
@media only screen and (max-width: 46.1875em) {
    .header-offcanvas__special .header-sub__product {
        font-size: 16px; } }
.header-search {
    position: fixed;
    z-index: 20;
    top: 62px;
    left: 0;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    transition: 0.5s all;
    transform: translateX(100%);
    padding: 6px 12px 6px 12px;
    background-color: #fff; }
.header-search.active {
    transform: translateX(0%); }
.header-search__mobile {
    display: none;
    font-size: 20px;
    margin-left: 24px; }
@media only screen and (max-width: 63.9375em) {
    .header-search__mobile {
        display: block; }
    .header-search__mobile .hide-on-bothTM {
        display: none !important; } }
.header-search__mobile > i {
    width: 22px;
    height: 22px;
    font-size: 22px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center; }
.header-search__mobile .icon-close {
    font-size: 24px;
    display: none; }
.header-search__mobile.active > .icon-search {
    display: none; }
.header-search__mobile.active > .icon-close {
    display: block; }
.header-search__form {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center; }
.header-search__input {
    width: 100%;
    border: 0;
    font-size: 15px;
    padding-right: 8px;
    margin-right: 10px;
    min-height: 38px; }
.header-search__btn {
    color: #fff;
    border: 0;
    min-height: 38px;
    padding: 0 24px;
    border-radius: 8px;
    background-color: #254edb; }
.header-search__btn > svg {
    fill: #fff; }
.header-overlay {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    display: none;
    transition: all 0.2s linear;
    transform: translateX(100%);
    background-color: rgba(35, 31, 32, 0.5); }
@media only screen and (max-width: 63.9375em) {
    .header-overlay {
        display: block; }
    .header-overlay .hide-on-bothTM {
        display: none !important; } }
.header-overlay.active {
    transform: translateX(0%); }
.header-modal__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    padding: 20px 60px 40px; }
@media only screen and (max-width: 1440px) {
    .header-modal__wrapper {
        padding: 20px 38px 40px; } }
@media only screen and (max-width: 63.9375em) {
    .header-modal__wrapper {
        flex-direction: column; }
    .header-modal__wrapper .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .header-modal__wrapper {
        padding: 2px 22px 40px; } }
.header-modal__title {
    width: 80%;
    font-weight: 700;
    color: #15477e;
    font-size: 34px; }
@media only screen and (max-width: 1440px) {
    .header-modal__title {
        font-size: 32px; } }
@media only screen and (max-width: 46.1875em) {
    .header-modal__title {
        width: 100%;
        font-size: 22px; } }
.header-modal__nav {
    margin: 70px 0; }
@media only screen and (max-width: 1366px) {
    .header-modal__nav {
        margin: 40px 0; } }
.header-modal__desc {
    margin-top: 10px;
    font-size: 15px; }
.header-modal__info {
    width: 65%;
    padding-right: 38px;
    position: relative; }
@media only screen and (max-width: 1440px) {
    .header-modal__info {
        padding-right: 30px; } }
@media only screen and (max-width: 63.9375em) {
    .header-modal__info {
        width: 100%; }
    .header-modal__info .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .header-modal__info {
        padding-right: 0; } }
.header-modal__img {
    position: absolute;
    top: -18px;
    left: 79%;
    width: 150px; }
@media only screen and (max-width: 63.9375em) {
    .header-modal__img {
        top: -18px;
        left: 75%;
        width: 120px; }
    .header-modal__img .hide-on-bothTM {
        display: none !important; } }
.header-modal__social {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    --heightBtn: 66px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    align-items: stretch;
    width: fit-content;
    border-radius: 6px; }
@media only screen and (max-width: 1440px) {
    .header-modal__social {
        font-size: 17px; } }
.header-modal__social:hover {
    color: #fff; }
.header-modal__social + .header-modal__social {
    margin-top: 40px; }
@media only screen and (max-width: 1366px) {
    .header-modal__social + .header-modal__social {
        margin-top: 20px; } }
.header-modal__social > i,
.header-modal__social > span {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center; }
.header-modal__social > i {
    height: var(--heightBtn);
    font-size: 22px;
    padding: 14px 22px;
    background-color: rgba(37, 78, 219, 0.4); }
.header-modal__social > span {
    text-transform: uppercase;
    height: var(--heightBtn);
    padding: 10px 28px 9px;
    background-color: #254edb; }
.header-modal__form {
    width: 45%;
    margin-top: 66px; }
@media only screen and (max-width: 63.9375em) {
    .header-modal__form {
        width: 100%;
        margin-top: 28px; }
    .header-modal__form .hide-on-bothTM {
        display: none !important; } }
.header-modal__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
.header-modal__item + .header-modal__item {
    margin-left: 16px; }
@media only screen and (max-width: 1366px) {
    .header-modal__item + .header-modal__item {
        margin-left: 0;
        margin-top: 14px; } }
.header-modal__icon {
    width: 50px;
    height: 50px;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #fdbb80; }
.header-modal__icon > i {
    font-size: 18px; }
.header-modal__contact {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center; }
@media only screen and (max-width: 1366px) {
    .header-modal__contact {
        flex-direction: column;
        align-items: flex-start; } }
.header-modal__detail {
    font-size: 17px; }
.header-modal__textarea, .header-modal__input {
    font-size: 15px;
    color: #495057;
    padding: 13px 14px;
    border: 0;
    border-radius: 10px;
    background-color: #dae1f2; }
.header-modal__textarea:active, .header-modal__textarea:focus, .header-modal__input:active, .header-modal__input:focus {
    background-color: #dae1f2;
    box-shadow: none; }
.header-modal__input + .header-modal__textarea,
.header-modal__input + .header-modal__input {
    margin-top: 18px; }
.header-modal__textarea {
    width: 100%; }
.header-modal__name {
    font-weight: 500; }
.header-modal__btn {
    --heightSubmit: 60px;
    border: 0;
    height: var(--heightSubmit);
    width: 100%;
    margin-top: 14px; }
@media only screen and (max-width: 46.1875em) {
    .header-modal__btn {
        --heightSubmit: 50px;
        font-size: 15px; } }
.header-modal__btn > span,
.header-modal__btn > i {
    height: var(--heightSubmit); }
.header-modal__btn > span {
    width: 100%; }
@media only screen and (max-width: 46.1875em) {
    .header-modal__nav, .header-modal__img, .header-modal__contact {
        display: none; } }
.header-modal .modal-header {
    padding: 22px 22px 16px; }
.header-modal .modal-content {
    border-radius: 10px;
    background-color: #f4f6ff; }
.header-modal .modal-dialog {
    max-width: 90%;
    margin: 20px auto; }

.footer {
    padding-top: 70px;
    background-color: #f1f3f4; }
@media only screen and (max-width: 63.9375em) {
    .footer {
        padding-top: 48px; }
    .footer .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .footer {
        padding-top: 40px; } }
.footer-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    padding-bottom: 46px; }
@media only screen and (max-width: 63.9375em) {
    .footer-wrapper {
        padding-bottom: 0px;
        flex-direction: column; }
    .footer-wrapper .hide-on-bothTM {
        display: none !important; } }
.footer-info {
    min-width: 265px;
    width: 265px; }
@media only screen and (max-width: 63.9375em) {
    .footer-info {
        width: 100%;
        min-width: 100%; }
    .footer-info .hide-on-bothTM {
        display: none !important; } }
.footer-info__title,
.footer-info__item + .footer-info__item, .footer-info__list {
    margin-top: 16px; }
@media only screen and (max-width: 1440px) {
    .footer-info__title,
    .footer-info__item + .footer-info__item, .footer-info__list {
        margin-top: 10px; } }
@media only screen and (max-width: 46.1875em) {
    .footer-info__item + .footer-info__item, .footer-info__list {
        margin-top: 8px; } }
.footer-info__title {
    line-height: 1.5; }
@media only screen and (max-width: 46.1875em) {
    .footer-info__title {
        text-align: center;
        margin-top: 18px; } }
@media only screen and (max-width: 46.1875em) {
    .footer-info__list {
        margin-top: 18px; } }
.footer-info__item {
    font-weight: 500;
    color: #5f6368; }
@media only screen and (max-width: 46.1875em) {
    .footer-info__item {
        font-size: 15px; } }
.footer-info__item a,
.footer-info__item p {
    display: inline; }
.footer-info__item > a:hover {
    text-decoration: underline; }
.footer-info__name {
    margin-right: 4px; }
.footer-info__detail {
    color: #5f6368; }
@media only screen and (max-width: 46.1875em) {
    .footer-info__logo {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 50%;
        margin: 0 auto; } }
.footer-nav {
    margin-left: 44px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start; }
@media only screen and (max-width: 63.9375em) {
    .footer-nav {
        flex-wrap: wrap;
        margin-left: 0px;
        margin-top: 40px;
        justify-content: space-between; }
    .footer-nav .hide-on-bothTM {
        display: none !important; } }
.footer-nav__cover {
    min-width: 199px; }
@media only screen and (min-width: 63.9375em) and (max-width: 1240px) {
    .footer-nav__cover {
        min-width: min-content; }
    .footer-nav__cover .hide-on-pc-Lose {
        display: none; } }
@media only screen and (max-width: 63.9375em) {
    .footer-nav__cover {
        min-width: auto;
        width: 44%;
        margin-bottom: 40px; }
    .footer-nav__cover .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .footer-nav__cover {
        width: 100%; } }
.footer-nav__cover:last-child {
    min-width: 115px; }
.footer-nav__cover + .footer-nav__cover {
    margin-left: 44px; }
@media only screen and (max-width: 1440px) {
    .footer-nav__cover + .footer-nav__cover {
        margin-left: 40px; } }
@media only screen and (max-width: 63.9375em) {
    .footer-nav__cover + .footer-nav__cover {
        margin-left: 0px; }
    .footer-nav__cover + .footer-nav__cover .hide-on-bothTM {
        display: none !important; } }
.footer-nav__group + .footer-nav__group {
    margin-top: 46px; }
.footer-nav__title {
    font-weight: 700; }
.footer-nav__list {
    margin-top: 32px; }
@media only screen and (max-width: 1440px) {
    .footer-nav__list {
        margin-top: 20px; } }
@media only screen and (max-width: 63.9375em) {
    .footer-nav__list {
        margin-top: 15px; }
    .footer-nav__list .hide-on-bothTM {
        display: none !important; } }
.footer-nav__item + .footer-nav__item {
    margin-top: 16px; }
@media only screen and (max-width: 1440px) {
    .footer-nav__item + .footer-nav__item {
        margin-top: 12px; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .footer-nav__item + .footer-nav__item {
        margin-top: 8px; } }
@media only screen and (max-width: 46.1875em) {
    .footer-nav__item + .footer-nav__item {
        margin-top: 10px; } }
.footer-nav__link {
    color: #5f6368;
    font-weight: 500; }
@media only screen and (max-width: 63.9375em) {
    .footer-nav__link {
        line-height: 1.4;
        font-size: 15px; }
    .footer-nav__link .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .footer-nav__link {
        font-size: 15px; } }
.footer-nav__link:hover {
    text-decoration: underline; }
.footer-copy {
    font-weight: 500;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
    border-top: 1px solid #dadce0; }
@media only screen and (max-width: 1366px) {
    .footer-copy {
        padding: 24px 0; } }
@media only screen and (max-width: 46.1875em) {
    .footer-copy {
        flex-direction: column;
        font-size: 14px; } }
.footer-copy__social {
    margin-left: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
@media only screen and (max-width: 46.1875em) {
    .footer-copy__social {
        margin-top: 12px; } }
.footer-copy__link + .footer-copy__link {
    margin-left: 14px; }

.banner-header {
    padding-top: 40px; }
@media only screen and (max-width: 63.9375em) {
    .banner-header {
        padding-top: 32px; }
    .banner-header .hide-on-bothTM {
        display: none !important; } }
.banner-header__wrapper {
    width: 60%;
    margin: 0 auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
@media only screen and (max-width: 1440px) {
    .banner-header__wrapper {
        width: 45%; } }
@media only screen and (max-width: 1366px) {
    .banner-header__wrapper {
        width: 43%; } }
@media only screen and (max-width: 1300px) {
    .banner-header__wrapper {
        width: 100%; } }
.banner-header__img {
    margin-bottom: 16px; }
@media only screen and (max-width: 63.9375em) {
    .banner-header__img {
        margin-bottom: 18px; }
    .banner-header__img .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .banner-header__img > img {
        width: 55px; } }
.banner-header__title {
    text-align: center;
    font-size: 70px;
    font-weight: 700; }
@media only screen and (max-width: 1440px) {
    .banner-header__title {
        font-size: 60px; } }
@media only screen and (max-width: 1366px) {
    .banner-header__title {
        font-size: 50px; } }
@media only screen and (max-width: 1300px) {
    .banner-header__title {
        font-size: 40px; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .banner-header__title {
        font-size: 38px; } }
@media only screen and (max-width: 46.1875em) {
    .banner-header__title {
        font-size: 33px; } }

.banner-slider {
    position: relative; }
.banner-slider__item {
    border-radius: 14px;
    position: relative;
    padding-top: 39%;
    overflow: hidden; }
.banner-slider__item > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
.banner-slider__img {
    width: 100%; }

.banner-pagination {
    bottom: 26px !important; }
@media only screen and (max-width: 63.9375em) {
    .banner-pagination {
        position: relative;
        top: 0;
        bottom: 0px !important;
        margin-top: 6px; }
    .banner-pagination .hide-on-bothTM {
        display: none !important; } }
.banner-pagination .swiper-pagination-bullet {
    margin: 0 6px !important;
    height: 10px;
    width: 10px;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: #aeaeae;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; }
@media only screen and (max-width: 63.9375em) {
    .banner-pagination .swiper-pagination-bullet {
        height: 8px;
        width: 8px;
        margin: 0 4px !important; }
    .banner-pagination .swiper-pagination-bullet .hide-on-bothTM {
        display: none !important; } }
.banner-pagination .swiper-pagination-bullet-active {
    border-radius: 10px;
    width: 50px;
    background: linear-gradient(267deg, #ff5100 25%, #ff9500 75%) !important; }

@media only screen and (max-width: 1440px) {
    .intro-title {
        width: 75%;
        margin: 0 auto; } }

@media only screen and (max-width: 1366px) {
    .intro-title {
        width: 85%; } }

@media only screen and (max-width: 1300px) {
    .intro-title {
        width: 67%; } }

@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .intro-title {
        width: 90%; } }

@media only screen and (max-width: 46.1875em) {
    .intro-title {
        width: 100%; } }

.intro-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 20px; }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .intro-list {
        grid-template-columns: repeat(2, 1fr); } }
@media only screen and (max-width: 46.1875em) {
    .intro-list {
        gap: 14px 20px;
        grid-template-columns: repeat(1, 1fr); } }

.intro-item {
    position: relative;
    padding: 16px 16px 120px;
    border-radius: 16px;
    border: 1px solid #dadce0;
    transition: all 0.3s; }
@media only screen and (max-width: 63.9375em) {
    .intro-item {
        padding: 20px 18px 80px; }
    .intro-item .hide-on-bothTM {
        display: none !important; } }
.intro-item:hover {
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.15); }
.intro-item:hover .intro-item__title {
    color: #254edb; }
.intro-item__title {
    font-size: 26px;
    font-weight: 700; }
@media only screen and (max-width: 1440px) {
    .intro-item__title {
        font-size: 20px; } }
@media only screen and (max-width: 63.9375em) {
    .intro-item__title {
        font-size: 18px; }
    .intro-item__title .hide-on-bothTM {
        display: none !important; } }
.intro-item__desc {
    margin-top: 16px; }
@media only screen and (max-width: 1440px) {
    .intro-item__desc {
        margin-top: 12px; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .intro-item__desc {
        font-size: 15px; } }
@media only screen and (max-width: 46.1875em) {
    .intro-item__desc {
        font-size: 14px; } }
.intro-item__icon {
    position: absolute;
    bottom: 16px;
    right: 16px;
    display: flex;
    justify-content: flex-end; }
@media only screen and (max-width: 1440px) {
    .intro-item__icon {
        margin-top: 30px; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .intro-item__icon {
        margin-top: 15px; } }
@media only screen and (max-width: 46.1875em) {
    .intro-item__icon {
        margin-top: 12px; } }
@media only screen and (max-width: 63.9375em) {
    .intro-item__icon > img {
        width: 50px; }
    .intro-item__icon > img .hide-on-bothTM {
        display: none !important; } }

.intro-article {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center; }
@media only screen and (max-width: 63.9375em) {
    .intro-article {
        flex-direction: column; }
    .intro-article .hide-on-bothTM {
        display: none !important; } }
.intro-article__cover {
    width: 48%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 18px;
    padding-right: 48px; }
@media only screen and (max-width: 1440px) {
    .intro-article__cover {
        width: 43%; } }
@media only screen and (max-width: 63.9375em) {
    .intro-article__cover {
        width: 50%;
        padding-right: 0; }
    .intro-article__cover .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .intro-article__cover {
        width: 100%; } }
.intro-article__info {
    margin-top: 50px;
    width: 52%; }
@media only screen and (max-width: 1440px) {
    .intro-article__info {
        width: 57%; } }
@media only screen and (max-width: 1366px) {
    .intro-article__info {
        margin-top: 0; } }
@media only screen and (max-width: 63.9375em) {
    .intro-article__info {
        margin-top: 110px;
        width: 100%; }
    .intro-article__info .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .intro-article__info {
        margin-top: 102px; } }
.intro-article__img {
    border-radius: 16px;
    position: relative;
    padding-top: 100%;
    overflow: hidden; }
.intro-article__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
.intro-article__img:nth-child(2), .intro-article__img:nth-child(4) {
    transform: translateY(60px); }
.intro-article__title {
    font-size: 54px;
    font-weight: 700; }
@media only screen and (max-width: 1440px) {
    .intro-article__title {
        font-size: 48px; } }
@media only screen and (max-width: 1366px) {
    .intro-article__title {
        font-size: 40px; } }
@media only screen and (max-width: 46.1875em) {
    .intro-article__title {
        font-size: 25px; } }
.intro-article__desc {
    width: 85%;
    margin-top: 18px; }
@media only screen and (max-width: 1440px) {
    .intro-article__desc {
        width: 90%; } }
@media only screen and (max-width: 63.9375em) {
    .intro-article__desc {
        width: 100%; }
    .intro-article__desc .hide-on-bothTM {
        display: none !important; } }
.intro-article__btn {
    margin-top: 40px; }

@media only screen and (max-width: 63.9375em) {
    .intro-service {
        flex-direction: column-reverse; }
    .intro-service .hide-on-bothTM {
        display: none !important; } }

@media only screen and (max-width: 63.9375em) {
    .intro-service__title {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        flex-direction: column; }
    .intro-service__title .hide-on-bothTM {
        display: none !important; } }

.intro-service__title > span {
    display: block; }
@media only screen and (max-width: 63.9375em) {
    .intro-service__title > span {
        margin-bottom: 4px; }
    .intro-service__title > span .hide-on-bothTM {
        display: none !important; } }

@media only screen and (max-width: 63.9375em) {
    .intro-service__info {
        margin-top: 38px; }
    .intro-service__info .hide-on-bothTM {
        display: none !important; } }

.intro-service__desc {
    width: 100%; }
@media only screen and (max-width: 63.9375em) {
    .intro-service__desc {
        font-size: 15px; }
    .intro-service__desc .hide-on-bothTM {
        display: none !important; } }

.intro-service__cover {
    width: 48%;
    padding-left: 48px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0px 10px; }
@media only screen and (max-width: 63.9375em) {
    .intro-service__cover {
        padding-left: 0; }
    .intro-service__cover .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .intro-service__cover {
        width: 100%; } }

.intro-service__item:first-child .intro-service__img {
    position: relative;
    padding-top: 100%;
    overflow: hidden; }
.intro-service__item:first-child .intro-service__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.intro-service__item:nth-child(2) {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end; }
.intro-service__item:nth-child(2) .intro-service__img {
    margin-bottom: 10px;
    --size: 87px;
    width: var(--size);
    position: relative;
    height: var(--size);
    overflow: hidden; }
.intro-service__item:nth-child(2) .intro-service__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.intro-service__item:nth-child(3) {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end; }
.intro-service__item:nth-child(3) .intro-service__img {
    margin-top: 10px;
    --size: 104px;
    width: var(--size);
    position: relative;
    height: var(--size);
    overflow: hidden; }
.intro-service__item:nth-child(3) .intro-service__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.intro-service__item:last-child {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start; }
.intro-service__item:last-child .intro-service__img {
    --size: 184px;
    width: var(--size);
    position: relative;
    height: var(--size);
    overflow: hidden; }
.intro-service__item:last-child .intro-service__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }

.intro-service__img {
    overflow: hidden;
    border-radius: 16px; }

.intro-detail {
    padding-top: 40px; }
@media only screen and (max-width: 1440px) {
    .intro-detail {
        padding-top: 34px; } }
.intro-detail__cover {
    width: 51%;
    gap: 12px 16px; }
@media only screen and (max-width: 1366px) {
    .intro-detail__cover {
        width: 49%;
        padding-right: 38px; } }
@media only screen and (max-width: 63.9375em) {
    .intro-detail__cover {
        padding-right: 0; }
    .intro-detail__cover .hide-on-bothTM {
        display: none !important; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .intro-detail__cover {
        width: 73%; } }
@media only screen and (max-width: 46.1875em) {
    .intro-detail__cover {
        width: 100%; } }
.intro-detail__info {
    width: 49%; }
@media only screen and (max-width: 1366px) {
    .intro-detail__info {
        width: 51%; } }
@media only screen and (max-width: 63.9375em) {
    .intro-detail__info {
        width: 100%;
        margin-top: 60px; }
    .intro-detail__info .hide-on-bothTM {
        display: none !important; } }
.intro-detail__desc {
    width: 100%; }
@media only screen and (max-width: 1366px) {
    .intro-detail__desc {
        font-size: 15px; } }
.intro-detail__item:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/3;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
.intro-detail__item:nth-child(1) .intro-detail__img {
    width: 100%;
    position: relative;
    height: 267px;
    overflow: hidden; }
.intro-detail__item:nth-child(1) .intro-detail__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
@media only screen and (max-width: 1366px) {
    .intro-detail__item:nth-child(1) .intro-detail__img {
        height: 232px; } }
.intro-detail__item:nth-child(2) {
    width: 298px; }
@media only screen and (max-width: 1366px) {
    .intro-detail__item:nth-child(2) {
        width: 284px; } }
@media only screen and (max-width: 46.1875em) {
    .intro-detail__item:nth-child(2) {
        width: auto; } }
.intro-detail__item:nth-child(2) .intro-detail__img {
    position: relative;
    padding-top: 100%;
    overflow: hidden; }
.intro-detail__item:nth-child(2) .intro-detail__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
@media only screen and (max-width: 1366px) {
    .intro-detail__item:nth-child(2) .intro-detail__img {
        padding-top: 76%; } }
.intro-detail__item:last-child {
    width: 100%; }
.intro-detail__item:last-child .intro-detail__img {
    margin-top: 10px;
    margin-left: 20px;
    width: 200px;
    position: relative;
    height: 147px;
    overflow: hidden; }
.intro-detail__item:last-child .intro-detail__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
@media only screen and (max-width: 46.1875em) {
    .intro-detail__item:last-child .intro-detail__img {
        width: auto;
        margin-left: 0px;
        margin-top: 4px; } }
.intro-detail__img {
    border-radius: 16px;
    position: relative;
    overflow: hidden; }

.service {
    position: relative; }
.service-wrapper {
    position: relative; }
.service-slide {
    position: relative; }
.service-slide__nav {
    margin-top: 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center; }
.service-slide__next, .service-slide__prev {
    --sizePosition: 35px;
    position: relative;
    left: auto !important;
    right: auto !important;
    top: 0;
    margin-top: 0;
    user-select: none;
    min-width: var(--sizePosition); }
.service-slide__next > svg, .service-slide__prev > svg {
    width: var(--sizePosition);
    height: var(--sizePosition); }
.service-slide__prev {
    margin-right: 14px; }
.service-item {
    color: #202124; }
.service-item.special .service-item__img {
    padding-top: 73%; }
.service-item__img {
    position: relative;
    padding-top: 80%;
    overflow: hidden;
    border-radius: 16px; }
.service-item__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
.service-item__desc {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
@media only screen and (max-width: 1300px) {
    .service-item__desc {
        font-size: 15px;
        margin-top: 12px; } }
@media only screen and (max-width: 63.9375em) {
    .service-item__desc {
        margin-top: 10px; }
    .service-item__desc .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .service-item__desc {
        font-size: 15px; } }
.service-statistics {
    padding-top: 60px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px 20px; }
@media only screen and (max-width: 63.9375em) {
    .service-statistics {
        padding-top: 0px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 20px; }
    .service-statistics .hide-on-bothTM {
        display: none !important; } }
.service-statistics__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #dadce0; }
@media only screen and (max-width: 46.1875em) {
    .service-statistics__item {
        padding: 12px 10px; } }
.service-statistics__item:hover {
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.15); }
.service-statistics__img {
    margin-right: 16px; }
@media only screen and (max-width: 63.9375em) {
    .service-statistics__img {
        margin-right: 22px; }
    .service-statistics__img .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .service-statistics__img {
        min-width: 40px;
        margin-right: 12px; } }
@media only screen and (max-width: 46.1875em) {
    .service-statistics__img > img {
        width: 40px; } }
.service-statistics__info {
    line-height: 1.3; }
.service-statistics__number {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -1px; }
@media only screen and (max-width: 1440px) {
    .service-statistics__number {
        font-size: 38px;
        line-height: 1.4; } }
@media only screen and (max-width: 1366px) {
    .service-statistics__number {
        font-size: 32px; } }
@media only screen and (max-width: 46.1875em) {
    .service-statistics__number {
        font-size: 22px; } }
.service-statistics__text {
    color: #5f6368; }
@media only screen and (max-width: 46.1875em) {
    .service-statistics__text {
        font-size: 13px; } }
.service-article {
    padding-bottom: 80px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 20px; }
@media only screen and (max-width: 46.1875em) {
    .service-article {
        grid-template-columns: repeat(2, 1fr);
        gap: 18px 14px; } }
.service-article__bg {
    position: absolute;
    right: 0;
    z-index: -1;
    top: 68%;
    width: 45%;
    height: 32%;
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat; }
@media only screen and (max-width: 63.9375em) {
    .service-article__bg {
        width: 46%;
        height: 35%; }
    .service-article__bg .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .service-article__bg {
        top: 74%;
        height: 14%; } }
.service-detail {
    padding-top: 40px; }
.service-detail__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden; }
.service-detail__video.hide {
    display: none; }
.service-detail__video::after {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: 24px;
    background-color: rgba(0, 0, 0, 0.48); }
.service-detail__video::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 80px;
    height: 80px;
    transform: translate(-50%, -50%);
    background-size: 80px;
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_100_18366)'%3E%3Cpath d='M71.6986 12.3014C63.7657 4.36887 53.2186 0 42 0C30.7814 0 20.2343 4.36887 12.3014 12.3014C4.36887 20.2343 0 30.7814 0 42C0 53.2186 4.36887 63.7657 12.3014 71.6986C20.2343 79.6311 30.7814 84 42 84C53.2186 84 63.7657 79.6311 71.6986 71.6986C79.6311 63.7657 84 53.2186 84 42C84 30.7814 79.6311 20.2343 71.6986 12.3014ZM42 78.8041C21.7061 78.8041 5.19588 62.2939 5.19588 42C5.19588 21.7061 21.7061 5.19588 42 5.19588C62.2939 5.19588 78.8041 21.7061 78.8041 42C78.8041 62.2939 62.2939 78.8041 42 78.8041Z' fill='white'/%3E%3Cpath d='M31.3594 58.2933L59.5688 41.9999L31.3594 25.7065V58.2933Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_100_18366'%3E%3Crect width='84' height='84' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
.service-detail__video > img {
    width: 100%;
    height: 100%; }
.service-modal .modal-content {
    border: 0;
    background-color: transparent; }
.service-modal .modal-dialog {
    max-width: 70%; }
.service-modal .btn-close {
    --sizeClose: 24px;
    opacity: 0.7;
    width: var(--sizeClose);
    height: var(--sizeClose);
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") center/var(--sizeClose) auto no-repeat; }
.service-modal__video iframe {
    width: 100%;
    height: 560px;
    border-radius: 24px;
    overflow: hidden; }
@media only screen and (max-width: 46.1875em) {
    .service-modal__video iframe {
        height: 250px; } }

.category-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px 20px; }
@media only screen and (max-width: 63.9375em) {
    .category-list {
        gap: 14px 14px; }
    .category-list .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .category-list {
        grid-template-columns: repeat(2, 1fr); } }

.category-item {
    height: 100%;
    width: 100%;
    overflow: hidden;
    color: #202124;
    border-radius: 16px;
    border: 1px solid #dadce0;
    transition: all 0.2s; }
.category-item:hover {
    box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.15); }
.category-item__title {
    font-size: 20px;
    font-weight: 700; }
@media only screen and (max-width: 1300px) {
    .category-item__title {
        font-size: 18px; } }
@media only screen and (max-width: 63.9375em) {
    .category-item__title {
        font-size: 16px;
        line-height: 1.4; }
    .category-item__title .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .category-item__title {
        font-size: 14px; } }
.category-item__info {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
@media only screen and (max-width: 63.9375em) {
    .category-item__info {
        margin-top: 14px !important; }
    .category-item__info .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .category-item__info {
        width: 100%; } }
.category-item__img > img {
    object-fit: contain; }
@media only screen and (max-width: 63.9375em) {
    .category-item__img > img {
        max-height: 150px; }
    .category-item__img > img .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .category-item__img > img {
        height: 150px; } }
.category-item__quantity {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 6px 4px;
    margin-top: 8px;
    color: #ff5100;
    border-radius: 20px;
    background-color: #fff0ea; }
.category-item:first-child, .category-item:nth-child(3), .category-item:nth-child(5) {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
.category-item:nth-child(2), .category-item:nth-child(4), .category-item:nth-child(6) {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
@media only screen and (max-width: 63.9375em) {
    .category-item:nth-child(2), .category-item:nth-child(4), .category-item:nth-child(6) {
        flex-direction: column; }
    .category-item:nth-child(2) .hide-on-bothTM, .category-item:nth-child(4) .hide-on-bothTM, .category-item:nth-child(6) .hide-on-bothTM {
        display: none !important; } }
.category-item:nth-child(7), .category-item:nth-child(8) {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
@media only screen and (max-width: 46.1875em) {
    .category-item:nth-child(7), .category-item:nth-child(8) {
        flex-direction: column; } }
@media only screen and (max-width: 63.9375em) {
    .category-item:nth-child(7) .category-item__title, .category-item:nth-child(8) .category-item__title {
        text-align: center; }
    .category-item:nth-child(7) .category-item__title .hide-on-bothTM, .category-item:nth-child(8) .category-item__title .hide-on-bothTM {
        display: none !important; } }
.category-item:first-child {
    grid-column: 1/3;
    grid-row: 1/4;
    padding: 8px 10px 27px; }
@media only screen and (max-width: 46.1875em) {
    .category-item:first-child {
        grid-column: 1/2;
        grid-row: 1/2; } }
.category-item:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/3;
    padding: 12px 17px 15px; }
@media only screen and (max-width: 1300px) {
    .category-item:nth-child(2) {
        padding: 12px 14px 15px; } }
@media only screen and (max-width: 63.9375em) {
    .category-item:nth-child(2) {
        grid-row: 1/4; }
    .category-item:nth-child(2) .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .category-item:nth-child(2) {
        grid-column: 2/3;
        grid-row: 1/2; } }
.category-item:nth-child(2) .category-item__info {
    margin-left: 19px; }
@media only screen and (max-width: 63.9375em) {
    .category-item:nth-child(2) .category-item__info {
        margin-left: 0; }
    .category-item:nth-child(2) .category-item__info .hide-on-bothTM {
        display: none !important; } }
.category-item:nth-child(3) {
    grid-column: 5/7;
    grid-row: 1/4;
    padding: 12px 17px 15px; }
.category-item:nth-child(3) .category-item__info {
    margin-top: 24px; }
@media only screen and (max-width: 46.1875em) {
    .category-item:nth-child(3) {
        grid-column: 1/2;
        grid-row: 2/3; } }
.category-item:nth-child(4) {
    grid-column: 1/3;
    grid-row: 4/6;
    padding: 12px 17px 15px; }
@media only screen and (max-width: 1300px) {
    .category-item:nth-child(4) {
        padding: 12px 12px 15px; } }
@media only screen and (max-width: 46.1875em) {
    .category-item:nth-child(4) {
        grid-column: 2/3;
        grid-row: 2/3; } }
.category-item:nth-child(4) .category-item__info {
    margin-left: 19px; }
.category-item:nth-child(5) {
    grid-column: 3/5;
    grid-row: 3/6;
    padding: 12px 17px 15px; }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .category-item:nth-child(5) {
        grid-row: 4/6; } }
@media only screen and (max-width: 46.1875em) {
    .category-item:nth-child(5) {
        grid-column: 1/2;
        grid-row: 3/4; } }
.category-item:nth-child(5) .category-item__info {
    margin-top: 14px; }
.category-item:nth-child(6) {
    grid-column: 5/7;
    grid-row: 4/6;
    padding: 12px 10px 15px; }
@media only screen and (max-width: 46.1875em) {
    .category-item:nth-child(6) {
        grid-column: 2/3;
        grid-row: 3/4; } }
.category-item:nth-child(6) .category-item__info {
    margin-left: -10px; }
.category-item:nth-child(7) {
    grid-column: 1/4;
    grid-row: 6/8;
    padding: 12px 4px 17px; }
@media only screen and (max-width: 46.1875em) {
    .category-item:nth-child(7) {
        grid-column: 1/2;
        grid-row: 4/5; } }
.category-item:nth-child(7) .category-item__info {
    margin-top: 14px;
    margin-left: -18px; }
@media only screen and (max-width: 63.9375em) {
    .category-item:nth-child(7) .category-item__info {
        margin-left: 0; }
    .category-item:nth-child(7) .category-item__info .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 63.9375em) {
    .category-item:nth-child(7) .category-item__img > img {
        width: 242px;
        min-width: 140px; }
    .category-item:nth-child(7) .category-item__img > img .hide-on-bothTM {
        display: none !important; } }
.category-item:nth-child(8) {
    grid-column: 4/7;
    grid-row: 6/8;
    padding: 12px 17px 17px; }
@media only screen and (max-width: 46.1875em) {
    .category-item:nth-child(8) {
        grid-column: 2/3;
        grid-row: 4/5; } }
.category-item:nth-child(8) .category-item__info {
    margin-left: 10px; }
@media only screen and (max-width: 63.9375em) {
    .category-item:nth-child(8) .category-item__img > img {
        width: 140px;
        min-width: 140px; }
    .category-item:nth-child(8) .category-item__img > img .hide-on-bothTM {
        display: none !important; } }

.category-product__title {
    line-height: 1.2;
    padding: 0;
    margin-top: 24px;
    text-align: left; }
@media only screen and (max-width: 46.1875em) {
    .category-product__title {
        margin-top: 16px; } }

.category-product__desc {
    margin-top: 24px; }
@media only screen and (max-width: 46.1875em) {
    .category-product__desc {
        font-size: 14px;
        margin-top: 16px; } }

.category-product__img {
    margin-top: 60px;
    width: 100%; }
@media only screen and (max-width: 63.9375em) {
    .category-product__img {
        margin-top: 24px; }
    .category-product__img .hide-on-bothTM {
        display: none !important; } }
.category-product__img > img {
    width: 100%;
    object-fit: cover; }

.category-detail {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 21px 21px; }
@media only screen and (max-width: 1366px) {
    .category-detail {
        grid-template-columns: repeat(4, 1fr); } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .category-detail {
        grid-template-columns: repeat(3, 1fr); } }
@media only screen and (max-width: 46.1875em) {
    .category-detail {
        gap: 18px 14px;
        grid-template-columns: repeat(2, 1fr); } }

.category-search__list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 24px; }

.category-search__link {
    color: #000;
    padding: 8px 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 8px;
    border: 1px solid #dadce0; }
@media only screen and (max-width: 46.1875em) {
    .category-search__link {
        font-size: 14px; } }

.product-wrapper {
    position: relative; }

.product-list {
    position: relative;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 21px 21px; }
@media only screen and (max-width: 1300px) {
    .product-list {
        gap: 18px 18px; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .product-list {
        grid-template-columns: repeat(3, 1fr); } }
@media only screen and (max-width: 46.1875em) {
    .product-list {
        grid-template-columns: repeat(2, 1fr); } }

.product-item {
    padding-bottom: 14px;
    min-width: 100%; }
.product-item__img {
    border-radius: 16px;
    position: relative;
    padding-top: 100%;
    overflow: hidden; }
.product-item__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
.product-item__info {
    margin-top: 16px; }
@media only screen and (max-width: 1300px) {
    .product-item__info {
        margin-top: 11px; } }
@media only screen and (max-width: 63.9375em) {
    .product-item__info {
        margin-top: 8px; }
    .product-item__info .hide-on-bothTM {
        display: none !important; } }
.product-item__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 44px; }
@media only screen and (max-width: 1300px) {
    .product-item__title {
        font-size: 13px; } }
@media only screen and (max-width: 63.9375em) {
    .product-item__title {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 58px;
        font-size: 14px; }
    .product-item__title .hide-on-bothTM {
        display: none !important; } }
.product-item__title a {
    color: #202124; }
.product-item__title a:hover {
    color: #202124; }
.product-item__price {
    margin-top: 6px;
    line-height: 1.1; }
@media only screen and (max-width: 1300px) {
    .product-item__price {
        margin-top: 5px; } }
.product-item__price .price-old {
    color: #5f6368;
    font-size: 14px;
    font-weight: 500;
    min-height: 17px;
    display: inline-block;
    text-decoration: line-through; }
@media only screen and (max-width: 1300px) {
    .product-item__price .price-old {
        font-size: 13px; } }
.product-item__price .price-new {
    margin-top: 6px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    display: block;
    color: #ff5100; }
@media only screen and (max-width: 1300px) {
    .product-item__price .price-new {
        font-size: 17px; } }
.product-item__cover {
    height: 141px;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1.4px dashed #dadce0; }
.product-item__option {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start; }
.product-item__option + .product-item__option {
    margin-top: 3px; }
.product-item__option > p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #5f6368;
    font-size: 14px;
    line-height: 1.5; }
.product-item__option > svg {
    min-width: 24px;
    margin-top: 2px;
    margin-right: 2px; }

.product-cover {
    position: relative;
    width: 100%; }

.product-slide {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden; }
.product-slide__nav {
    margin-top: 25px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center; }
.product-slide__next, .product-slide__prev {
    --sizePosition: 35px;
    position: relative;
    left: auto !important;
    right: auto !important;
    top: 0;
    margin-top: 0;
    user-select: none;
    min-width: var(--sizePosition); }
.product-slide__next > svg, .product-slide__prev > svg {
    width: var(--sizePosition);
    height: var(--sizePosition); }
.product-slide__prev {
    margin-right: 14px; }

.product-btn {
    position: relative;
    left: 50%;
    display: inline-block;
    margin: 70px auto 0;
    transform: translateX(-50%); }
@media only screen and (max-width: 1300px) {
    .product-btn {
        margin: 50px auto 0; } }
@media only screen and (max-width: 63.9375em) {
    .product-btn {
        margin: 32px auto 0; }
    .product-btn .hide-on-bothTM {
        display: none !important; } }

.product-category {
    margin: 80px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
@media only screen and (max-width: 1600px) {
    .product-category {
        margin: 50px 0; } }
@media only screen and (max-width: 1440px) {
    .product-category {
        margin: 40px 0; } }
@media only screen and (max-width: 1366px) {
    .product-category {
        margin: 36px 0; } }
@media only screen and (max-width: 63.9375em) {
    .product-category {
        margin: 24px 0 14px; }
    .product-category .hide-on-bothTM {
        display: none !important; } }
.product-category__link {
    color: #000;
    margin-right: 12px;
    margin-bottom: 12px;
    padding: 13px 14px;
    border-radius: 8px;
    border: 1px solid #dadce0; }
@media only screen and (max-width: 1600px) {
    .product-category__link {
        padding: 12px 15px; } }
@media only screen and (max-width: 1366px) {
    .product-category__link {
        font-size: 15px; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .product-category__link {
        font-size: 14px;
        padding: 10px 14px; } }
@media only screen and (max-width: 46.1875em) {
    .product-category__link {
        font-size: 12px;
        padding: 8px 8px;
        margin-right: 8px;
        margin-bottom: 10px; } }
.product-category__link.active {
    color: #254edb;
    background-color: #e8f0fe;
    border-color: #e8f0fe; }

.product-group__activity {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center; }

.product-group__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center; }

.product-group__cover .product-item__cover {
    height: auto; }

.product-group__cover + .product-group__cover {
    margin-top: 70px; }

.product-group__slide {
    margin-top: 24px; }
@media only screen and (max-width: 1366px) {
    .product-group__slide {
        margin-top: 16px; } }

.product-group__nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }

.product-group__btn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-top: 36px;
    padding: 8px 31px;
    color: #fff;
    border-radius: 20px;
    border: 1px solid #dadce0;
    transition: all 0.3s; }
@media only screen and (max-width: 1366px) {
    .product-group__btn {
        font-size: 15px;
        padding: 7px 28px; } }
@media only screen and (max-width: 46.1875em) {
    .product-group__btn {
        margin-top: 24px;
        font-size: 14px;
        padding: 8px 22px; } }
.product-group__btn:hover {
    color: #fff; }
.product-group__btn > svg {
    margin-left: 16px; }

.product-detail {
    padding-top: 40px; }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .product-detail {
        padding-top: 30px; } }
@media only screen and (max-width: 46.1875em) {
    .product-detail {
        padding-top: 24px; } }
.product-detail__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start; }
@media only screen and (max-width: 63.9375em) {
    .product-detail__wrapper {
        flex-direction: column; }
    .product-detail__wrapper .hide-on-bothTM {
        display: none !important; } }
.product-detail__content {
    margin-right: 20px;
    width: 100%; }
.product-detail__cover {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 21px 20px; }
@media only screen and (max-width: 63.9375em) {
    .product-detail__cover {
        margin-top: 28px;
        grid-template-columns: repeat(1, 1fr); }
    .product-detail__cover .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .product-detail__cover {
        margin-top: 20px; } }
.product-detail__slide {
    position: relative;
    overflow: hidden;
    max-width: 100%; }
.product-detail__slide .swiper-slide-thumb-active .product-detail__item {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    border-color: #254edb; }
@media only screen and (max-width: 63.9375em) {
    .product-detail__slide .product-detail__article {
        display: none; }
    .product-detail__slide .product-detail__article .hide-on-bothTM {
        display: none !important; } }
.product-detail__thum {
    margin-top: 16px; }
.product-detail__thum .product-detail__item {
    border-radius: 16px;
    border: 2px solid transparent;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); }
.product-detail__item {
    position: relative; }
.product-detail__item > img {
    width: 100%;
    height: 100%;
    border-radius: 14px; }
.product-detail__article {
    margin-top: 35px;
    padding-top: 16px;
    border-top: 1px solid #dadce0; }
.product-detail__title {
    font-weight: 700;
    line-height: 1.4; }
.product-detail__desc {
    margin-top: 16px; }
.product-detail__text {
    margin-top: 4px;
    font-size: 14px; }
@media only screen and (max-width: 46.1875em) {
    .product-detail__text {
        font-size: 16px; } }
.product-detail__group {
    margin-top: 60px; }
@media only screen and (max-width: 1366px) {
    .product-detail__group {
        margin-top: 40px; } }
.product-detail__info .product-detail__article {
    display: none; }
@media only screen and (max-width: 63.9375em) {
    .product-detail__info .product-detail__article {
        display: block; }
    .product-detail__info .product-detail__article .hide-on-bothTM {
        display: none !important; } }

.product-digital {
    margin-top: 28px; }
@media only screen and (max-width: 46.1875em) {
    .product-digital {
        margin-top: 14px; } }
.product-digital__item {
    padding-bottom: 14px;
    font-weight: 500;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #dddddd; }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .product-digital__item {
        font-size: 15px; } }
@media only screen and (max-width: 46.1875em) {
    .product-digital__item {
        font-size: 15px;
        padding-bottom: 12px; } }
.product-digital__item + .product-digital__item {
    margin-top: 16px; }
@media only screen and (max-width: 46.1875em) {
    .product-digital__item + .product-digital__item {
        margin-top: 12px; } }
.product-digital__link {
    margin-left: 4px; }
.product-digital__price {
    margin-top: 21px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end; }
@media only screen and (max-width: 46.1875em) {
    .product-digital__price {
        margin-top: 14px; } }
.product-digital__money {
    line-height: 1.2;
    color: #ff5100; }
.product-digital__desc {
    margin-left: 10px;
    line-height: 1.2;
    margin-bottom: 2px;
    color: #666666; }
@media only screen and (max-width: 46.1875em) {
    .product-digital__desc {
        font-size: 14px; } }
.product-digital__text {
    margin-left: 4px; }

.product-status {
    margin-top: 18px; }
@media only screen and (max-width: 46.1875em) {
    .product-status {
        margin-top: 14px; } }
.product-status__item {
    line-height: 1.3; }
@media only screen and (max-width: 46.1875em) {
    .product-status__item {
        font-size: 15px; } }
.product-status__item + .product-status__item {
    margin-top: 8px; }
.product-status__item > span {
    font-weight: 500; }
.product-status__special {
    color: #25ae88; }
.product-status .price-old {
    text-decoration: line-through; }

.product-service {
    min-width: 178px; }
@media only screen and (max-width: 63.9375em) {
    .product-service {
        margin-top: 28px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 20px; }
    .product-service .hide-on-bothTM {
        display: none !important; } }
.product-service__item {
    padding: 20px 20px 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-direction: column;
    border-radius: 16px;
    border: 1px solid #dadce0; }
.product-service__item + .product-service__item {
    margin-top: 23px; }
@media only screen and (max-width: 63.9375em) {
    .product-service__item + .product-service__item {
        margin-top: 0; }
    .product-service__item + .product-service__item .hide-on-bothTM {
        display: none !important; } }
.product-service__img {
    --size: 70px;
    width: var(--size);
    height: var(--size); }
@media only screen and (max-width: 1366px) {
    .product-service__img {
        --size: 50px; } }
.product-service__desc {
    text-align: center;
    margin-top: 8px; }
@media only screen and (max-width: 1366px) {
    .product-service__desc {
        line-height: 1.5; } }

.product-option__text {
    margin-top: 14px; }
@media only screen and (max-width: 46.1875em) {
    .product-option__text {
        font-size: 15px; } }

.product-option__list {
    margin-top: 16px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-wrap: wrap; }

.product-option__item {
    margin-right: 10px;
    margin-bottom: 10px; }

.product-option__info {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex-direction: column;
    line-height: 1.2;
    overflow: hidden;
    padding: 10px 24px;
    border-radius: 10px;
    border: 1px solid #dadce0;
    transition: all 0.3s; }
@media only screen and (max-width: 46.1875em) {
    .product-option__info {
        padding: 8px 20px; } }
.product-option__info::after, .product-option__info::before {
    position: absolute;
    content: "";
    display: none; }
.product-option__info::after {
    top: 0;
    right: 0;
    border-top: 16px solid #ff5100;
    border-right: 16px solid #ff5100;
    border-bottom: 16px solid transparent;
    border-left: 16px solid transparent; }
.product-option__info::before {
    top: 6px;
    right: 5px;
    z-index: 1;
    width: 11px;
    height: 6px;
    transform: rotate(-45deg);
    border-bottom-left-radius: 1px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff; }

.product-option__input {
    display: none; }
.product-option__input:checked ~ .product-option__info {
    border-color: #ff5100; }
.product-option__input:checked ~ .product-option__info::before, .product-option__input:checked ~ .product-option__info::after {
    display: block; }

.product-option__name {
    font-size: 13px;
    text-transform: uppercase; }

.product-option__price {
    margin-top: 2px;
    font-weight: 700;
    color: #ff5100; }

.product-discount {
    margin-top: 34px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #dadce0; }
@media only screen and (max-width: 46.1875em) {
    .product-discount {
        margin-top: 26px; } }
.product-discount__title {
    padding: 10px 17px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    line-height: 1.2;
    background-color: #f7f7f7; }
@media only screen and (max-width: 46.1875em) {
    .product-discount__title {
        align-items: flex-end;
        font-size: 15px; } }
.product-discount__title > svg {
    margin-right: 6px; }
.product-discount__list {
    padding: 10px 17px 20px; }
.product-discount__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start; }
.product-discount__item + .product-discount__item {
    margin-top: 6px; }
.product-discount__icon {
    margin-right: 6px; }
.product-discount__text {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.3; }
.product-discount__img {
    padding: 0px 17px 14px; }
.product-discount__img > img {
    width: 100%; }

.product-activity {
    margin-top: 24px; }
.product-activity__text {
    font-size: 14px;
    font-weight: 500; }
.product-activity__cover {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
.product-activity__cover.special {
    margin-top: 21px;
    justify-content: space-between; }
.product-activity__icon {
    width: 40px;
    border: 0;
    background-color: transparent; }
.product-activity__quantity {
    margin-left: 16px;
    padding: 12px 30px;
    border-radius: 100px;
    border: 1px solid #dadce0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
@media only screen and (max-width: 1366px) {
    .product-activity__quantity {
        padding: 10px 30px; } }
.product-activity__number {
    border-left: 1px solid #dadce0;
    border-right: 1px solid #dadce0;
    margin: 0 10px;
    padding: 0 4px; }
.product-activity__number > input {
    text-align: center;
    width: 50px;
    border: 0; }
.product-activity__buy, .product-activity__add {
    border-radius: 40px;
    padding: 12px 12px;
    width: 48%;
    font-weight: 700; }
@media only screen and (max-width: 1366px) {
    .product-activity__buy, .product-activity__add {
        font-size: 14px;
        padding: 10px 12px; } }
@media only screen and (max-width: 46.1875em) {
    .product-activity__buy, .product-activity__add {
        font-size: 13px;
        padding: 10px 8px; } }
.product-activity__add {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ff5100;
    background-color: #ffe9de; }
.product-activity__add > svg {
    min-width: 25px;
    margin-right: 6px; }
@media only screen and (max-width: 46.1875em) {
    .product-activity__add > svg {
        min-width: 20px;
        width: 20px;
        height: 20px; } }
.product-activity__add:hover {
    opacity: 0.8;
    color: #ff5100; }
.product-activity__buy {
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(267deg, #ff5100 25%, #ff9500 75%); }
.product-activity__buy:hover {
    opacity: 0.8;
    color: #fff; }
.product-activity__phone {
    font-size: 14px;
    color: #202124;
    font-weight: 500;
    padding: 10px 20px;
    margin-top: 14px;
    border-radius: 32px;
    border: 1px solid #dadce0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%; }
@media only screen and (max-width: 46.1875em) {
    .product-activity__phone {
        font-size: 13px;
        padding: 7px 20px; } }
@media only screen and (max-width: 46.1875em) {
    .product-activity__sub {
        display: block;
        width: 100%;
        text-align: center; } }
.product-activity__link {
    font-weight: 500;
    display: inline-block;
    color: #ff5100;
    margin-left: 8px;
    margin-right: 8px; }
.product-activity__link > svg {
    margin-right: 4px; }

.product-quicky {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    border-radius: 16px;
    background-color: #e8f0fe; }
@media only screen and (max-width: 46.1875em) {
    .product-quicky {
        flex-direction: column; } }
.product-quicky__cover {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    width: 51%; }
@media only screen and (max-width: 46.1875em) {
    .product-quicky__cover {
        width: 100%; } }
.product-quicky__img {
    min-width: 102px;
    margin-right: 16px;
    border-radius: 16px;
    position: relative;
    height: 102px;
    overflow: hidden; }
.product-quicky__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
@media only screen and (max-width: 46.1875em) {
    .product-quicky__img {
        min-width: 70px;
        height: 70px; } }
.product-quicky__title {
    font-size: 20px;
    font-weight: 600;
    height: 48px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
@media only screen and (max-width: 1366px) {
    .product-quicky__title {
        font-size: 18px;
        height: 44px; } }
@media only screen and (max-width: 46.1875em) {
    .product-quicky__title {
        font-size: 16px;
        line-height: 1.4; } }
.product-quicky__price {
    margin-top: 10px; }
.product-quicky__price > span {
    line-height: 1.2;
    display: block; }
.product-quicky__price .price-old {
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through; }
.product-quicky__price .price-new {
    font-size: 20px;
    color: #ff5100;
    font-weight: 700;
    margin-top: 4px; }
.product-quicky__buy {
    width: 49%;
    color: #fff;
    flex-direction: column;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    margin-left: 24px;
    padding: 10px 26px 10px 20px;
    border: 0;
    border-radius: 40px;
    background: linear-gradient(267deg, #ff5100 25%, #ff9500 75%); }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .product-quicky__buy {
        margin-left: 18px; } }
@media only screen and (max-width: 46.1875em) {
    .product-quicky__buy {
        font-size: 16px;
        width: 100%;
        margin-top: 18px;
        margin-left: 0;
        padding: 10px 20px; } }
.product-quicky__buy .buy-desc {
    margin-top: 6px;
    font-weight: 500;
    font-size: 15px; }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .product-quicky__buy .buy-desc {
        font-size: 13px; } }
@media only screen and (max-width: 46.1875em) {
    .product-quicky__buy .buy-desc {
        font-size: 12px; } }

@media only screen and (max-width: 63.9375em) {
    .product-tab {
        margin-top: 20px; }
    .product-tab .hide-on-bothTM {
        display: none !important; } }

.product-tab__article {
    padding: 30px 0 40px;
    border-bottom: 1px solid #dadce0; }
.product-tab__article * {
    all: revert; }
.product-tab__article img {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; }

.product-tab__list {
    border-bottom: 1px solid #dadce0; }

.product-tab__link {
    position: relative;
    min-width: 169px;
    line-height: 1.2;
    padding: 8px 16px 14px;
    transition: all 0.2s;
    color: #202124 !important;
    background-color: transparent !important; }
.product-tab__link::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 100%;
    background-color: #254edb;
    border-radius: 9px 9px 0px 0px;
    display: none; }
.product-tab__link.active {
    font-weight: 700;
    color: #254edb !important; }
.product-tab__link.active::after {
    display: block; }

.product-tab__cover {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    border-top: 1px solid #dadce0; }

.product-tab__digital {
    margin: 40px 0; }
@media only screen and (max-width: 63.9375em) {
    .product-tab__digital {
        margin: 30px 0; }
    .product-tab__digital .hide-on-bothTM {
        display: none !important; } }

.product-tab__text {
    min-width: 250px; }
@media only screen and (max-width: 46.1875em) {
    .product-tab__text {
        min-width: 140px; } }

.product-tab__text, .product-tab__detail {
    padding: 10px 0; }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .product-tab__text, .product-tab__detail {
        font-size: 15px; } }
@media only screen and (max-width: 46.1875em) {
    .product-tab__text, .product-tab__detail {
        font-size: 13px;
        padding: 6px 0; } }

.product-tab__detail {
    width: 100%;
    padding-left: 36px;
    border-left: 1px solid #dadce0; }
@media only screen and (max-width: 63.9375em) {
    .product-tab__detail {
        padding-left: 22px; }
    .product-tab__detail .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .product-tab__detail {
        padding-left: 14px; } }

.collaborate-list + .collaborate-list {
    margin-top: 32px; }
@media only screen and (max-width: 1440px) {
    .collaborate-list + .collaborate-list {
        margin-top: 34px; } }
@media only screen and (max-width: 1300px) {
    .collaborate-list + .collaborate-list {
        margin-top: 24px; } }
@media only screen and (max-width: 46.1875em) {
    .collaborate-list + .collaborate-list {
        margin-top: 12px; } }
.collaborate-list + .collaborate-list .swiper-slide {
    transform: translateX(60px); }

.collaborate-item {
    padding: 17px 16px;
    margin: 4px 0;
    width: 174px;
    height: 78px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background-color: #fff;
    box-shadow: 0px 2px 8px rgba(32, 33, 36, 0.08); }
@media only screen and (max-width: 1440px) {
    .collaborate-item {
        height: 75px; } }
@media only screen and (max-width: 1366px) {
    .collaborate-item {
        height: 60px; } }
@media only screen and (max-width: 63.9375em) {
    .collaborate-item {
        height: 48px;
        padding: 12px 14px; }
    .collaborate-item .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .collaborate-item {
        height: 40px;
        padding: 10px 14px; } }
.collaborate-item__img {
    height: 100%;
    width: 100%;
    object-fit: contain; }

.collaborate .swiper-slide {
    width: auto; }

.procedure-detail {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start; }
@media only screen and (max-width: 63.9375em) {
    .procedure-detail {
        flex-direction: column;
        align-items: center; }
    .procedure-detail .hide-on-bothTM {
        display: none !important; } }
.procedure-detail__img {
    width: 55%;
    margin-right: 40px;
    border-radius: 16px;
    position: relative;
    padding-top: 53%;
    overflow: hidden; }
.procedure-detail__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
@media only screen and (max-width: 1440px) {
    .procedure-detail__img {
        width: 50%;
        padding-top: 48%; } }
@media only screen and (max-width: 63.9375em) {
    .procedure-detail__img {
        width: 70%;
        margin-right: 0; }
    .procedure-detail__img .hide-on-bothTM {
        display: none !important; } }
.procedure-detail__list {
    width: 45%; }
@media only screen and (max-width: 1440px) {
    .procedure-detail__list {
        width: 50%; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .procedure-detail__list {
        margin-top: 28px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px 20px; } }
@media only screen and (max-width: 46.1875em) {
    .procedure-detail__list {
        width: 100%;
        margin-top: 20px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 8px 10px; } }
.procedure-detail__item {
    position: relative;
    padding: 8px 0px 8px 22px; }
@media only screen and (max-width: 1300px) {
    .procedure-detail__item {
        padding: 7px 0px 7px 22px; } }
@media only screen and (min-width: 63.9375em) and (max-width: 1240px) {
    .procedure-detail__item {
        padding: 6px 0px 6px 22px; }
    .procedure-detail__item .hide-on-pc-Lose {
        display: none; } }
@media only screen and (max-width: 46.1875em) {
    .procedure-detail__item {
        padding: 6px 0px 6px 18px; } }
.procedure-detail__item:hover .procedure-detail__number {
    color: #254edb; }
.procedure-detail__item:hover::after {
    background-color: #254edb; }
.procedure-detail__item + .procedure-detail__item {
    margin-top: 8px; }
@media only screen and (max-width: 46.1875em) {
    .procedure-detail__item + .procedure-detail__item {
        margin-top: 0; } }
.procedure-detail__item::after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 6px;
    height: 100%;
    transition: all 0.3s;
    border-radius: 6px;
    transform: translateY(-50%);
    background-color: #f2f4f5; }
.procedure-detail__number {
    font-size: 30px;
    font-style: italic;
    font-weight: 800;
    line-height: 1.2;
    color: #c2c2c2;
    transition: all 0.3s; }
@media only screen and (max-width: 1300px) {
    .procedure-detail__number {
        font-size: 26px; } }
@media only screen and (max-width: 46.1875em) {
    .procedure-detail__number {
        font-size: 22px; } }
.procedure-detail__desc {
    font-weight: 500; }
@media only screen and (max-width: 1300px) {
    .procedure-detail__desc {
        font-size: 15px; } }

.customer-header__desc {
    text-align: center;
    margin: 0 auto;
    width: 70%;
    margin-top: 22px; }
@media only screen and (max-width: 1440px) {
    .customer-header__desc {
        margin-top: 38px; } }
@media only screen and (max-width: 63.9375em) {
    .customer-header__desc {
        width: 100%; }
    .customer-header__desc .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .customer-header__desc {
        margin-top: 30px; } }

.customer-img {
    margin-top: 30px; }
.customer-img img {
    width: 100%; }

.contact {
    padding-top: 40px; }
@media only screen and (max-width: 46.1875em) {
    .contact {
        padding-top: 24px; } }
.contact-wrapper {
    display: flex;
    border-radius: 24px;
    background-color: #254edb; }
.contact-form {
    width: 65%;
    padding: 55px 0 70px 48px; }
@media only screen and (max-width: 1366px) {
    .contact-form {
        padding: 38px 0 52px 40px; } }
@media only screen and (max-width: 63.9375em) {
    .contact-form {
        width: 100%;
        padding: 38px 30px 40px; }
    .contact-form .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .contact-form {
        padding: 30px 24px 33px; } }
.contact-form__title {
    font-size: 58px;
    color: #fff;
    font-weight: 700; }
@media only screen and (max-width: 1440px) {
    .contact-form__title {
        font-size: 48px; } }
@media only screen and (max-width: 1300px) {
    .contact-form__title {
        font-size: 45px; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .contact-form__title {
        font-size: 32px; } }
@media only screen and (max-width: 46.1875em) {
    .contact-form__title {
        font-size: 24px; } }
.contact-form__desc {
    margin: 38px 0;
    color: #fff;
    width: 65%; }
@media only screen and (max-width: 1366px) {
    .contact-form__desc {
        margin: 24px 0 32px; } }
@media only screen and (max-width: 63.9375em) {
    .contact-form__desc {
        width: 100%;
        line-height: 1.7;
        margin: 16px 0 28px; }
    .contact-form__desc .hide-on-bothTM {
        display: none !important; } }
.contact-form__group + .contact-form__group {
    margin-top: 16px; }
.contact-form__input {
    width: 60%;
    padding: 16px 18px;
    border: 0;
    border-radius: 38px;
    background-color: #fff; }
@media only screen and (max-width: 63.9375em) {
    .contact-form__input {
        width: 100%; }
    .contact-form__input .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .contact-form__input {
        font-size: 15px;
        padding: 10px 18px; } }
.contact-form__input::placeholder {
    color: #c4c4c4; }
.contact-form__btn {
    margin-top: 24px; }
@media only screen and (max-width: 63.9375em) {
    .contact-form__btn {
        margin-top: 60px; }
    .contact-form__btn .hide-on-bothTM {
        display: none !important; } }
.contact-banner {
    position: relative;
    width: 35%; }
@media only screen and (max-width: 63.9375em) {
    .contact-banner {
        display: none; }
    .contact-banner .hide-on-bothTM {
        display: none !important; } }
.contact-banner__img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 678px; }
@media only screen and (max-width: 1366px) {
    .contact-banner__img {
        width: 605px; } }
.contact-map {
    margin-bottom: 120px; }
.contact-map__cover {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    margin-top: 16px;
    border: 1px solid #dadce0; }
@media only screen and (max-width: 63.9375em) {
    .contact-map__cover {
        flex-direction: column-reverse; }
    .contact-map__cover .hide-on-bothTM {
        display: none !important; } }
.contact-map__content {
    width: 70%; }
@media only screen and (max-width: 63.9375em) {
    .contact-map__content {
        width: 100%; }
    .contact-map__content .hide-on-bothTM {
        display: none !important; } }
.contact-map__content iframe {
    width: 100%; }
@media only screen and (max-width: 46.1875em) {
    .contact-map__content iframe {
        height: 400px; } }
.contact-map__info {
    width: 30%; }
@media only screen and (max-width: 63.9375em) {
    .contact-map__info {
        width: 100%;
        margin-bottom: 28px; }
    .contact-map__info .hide-on-bothTM {
        display: none !important; } }
.contact-map__number {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding: 14px 18px 24px;
    border-bottom: 1px solid #dadce0; }
@media only screen and (max-width: 63.9375em) {
    .contact-map__number {
        font-size: 18px;
        padding: 12px 18px 18px; }
    .contact-map__number .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .contact-map__number {
        font-size: 16px; } }
.contact-map__list {
    overflow-y: auto;
    max-height: 550px;
    padding: 0 18px 0 18px;
    /* Track */
    /* Handle */
    /* Handle on hover */ }
@media only screen and (max-width: 63.9375em) {
    .contact-map__list {
        max-height: 294px; }
    .contact-map__list .hide-on-bothTM {
        display: none !important; } }
.contact-map__list::-webkit-scrollbar {
    width: 9px; }
.contact-map__list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 50px; }
.contact-map__list::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background: #dcdcdc; }
.contact-map__list::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1; }
.contact-map__item {
    padding: 18px 0 14px; }
.contact-map__item + .contact-map__item {
    border-top: 1px solid #dadce0; }
.contact-map__title {
    font-weight: 700;
    font-size: 20px; }
@media only screen and (max-width: 1440px) {
    .contact-map__title {
        font-size: 18px; } }
@media only screen and (max-width: 46.1875em) {
    .contact-map__title {
        font-size: 16px; } }
.contact-map__desc {
    color: #5f6368;
    line-height: 1.4;
    margin-top: 8px; }
@media only screen and (max-width: 46.1875em) {
    .contact-map__desc {
        font-size: 14px; } }
.contact-map__activity {
    margin-top: 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
.contact-map__position, .contact-map__phone {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    color: #254edb;
    font-weight: 500; }
@media only screen and (max-width: 46.1875em) {
    .contact-map__position, .contact-map__phone {
        font-size: 14px; } }
.contact-map__position > svg, .contact-map__phone > svg {
    margin-right: 10px; }
.contact-map__phone {
    margin-left: 20px; }

.search {
    padding-top: 40px; }
.search-header {
    text-align: center;
    font-size: 26px;
    font-weight: 700; }
@media only screen and (max-width: 1366px) {
    .search-header {
        font-size: 24px; } }
@media only screen and (max-width: 63.9375em) {
    .search-header {
        font-size: 20px;
        line-height: 1.4; }
    .search-header .hide-on-bothTM {
        display: none !important; } }
.search-header__number {
    color: #ff5100; }
.search-header__special {
    color: #254edb; }
.search-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 21px 24px; }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .search-list {
        gap: 19px 21px;
        grid-template-columns: repeat(4, 1fr); } }
@media only screen and (max-width: 46.1875em) {
    .search-list {
        gap: 18px 19px;
        grid-template-columns: repeat(2, 1fr); } }
.search-pagination {
    margin-top: 70px;
    font-size: 16px;
    font-weight: 500; }
.search-pagination__item {
    width: 32px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center; }
.search-pagination__item + .search-pagination__item {
    margin-left: 12px; }
.search-pagination__item.active .search-pagination__link {
    color: #254edb;
    border-color: #e8f0fe;
    background-color: #e8f0fe; }
.search-pagination__link {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 38px;
    width: 38px;
    height: 38px;
    color: #5f6368;
    border-width: 1.4px;
    border-radius: 3px;
    border-color: #dcdcdc; }

.about {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 0 0 24px 24px;
    overflow: hidden; }
.about::after {
    position: absolute;
    content: "";
    z-index: 1;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4); }
.about-info {
    position: relative;
    padding: 300px 0 90px;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 10; }
@media only screen and (max-width: 1440px) {
    .about-info {
        padding: 176px 0 43px; } }
@media only screen and (max-width: 1366px) {
    .about-info {
        padding: 170px 0 40px; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .about-info {
        padding: 144px 0 26px; } }
@media only screen and (max-width: 46.1875em) {
    .about-info {
        padding: 60px 0 18px; } }
.about-info__title {
    font-size: 58px;
    font-weight: 700; }
@media only screen and (max-width: 1440px) {
    .about-info__title {
        font-size: 46px; } }
@media only screen and (max-width: 1366px) {
    .about-info__title {
        font-size: 42px; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .about-info__title {
        font-size: 38px; } }
@media only screen and (max-width: 46.1875em) {
    .about-info__title {
        font-size: 24px; } }
.about-info__desc {
    margin-top: 16px; }
@media only screen and (max-width: 1440px) {
    .about-info__desc {
        margin-top: 14px; } }
@media only screen and (max-width: 1366px) {
    .about-info__desc {
        margin-top: 10px; } }
@media only screen and (max-width: 63.9375em) {
    .about-info__desc {
        font-size: 14px;
        margin-top: 10px; }
    .about-info__desc .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .about-info__desc {
        margin-top: 8px; } }
.about-banner__main {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    padding: 63px 46px;
    overflow: hidden;
    border-radius: 16px;
    background-color: #e8f0fe; }
@media only screen and (max-width: 1366px) {
    .about-banner__main {
        padding: 46px 38px; } }
@media only screen and (max-width: 46.1875em) {
    .about-banner__main {
        padding: 38px 26px;
        flex-direction: column-reverse; } }
.about-banner__main::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 52%;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/assets/user/images/about/about-banner-1.png); }
@media only screen and (max-width: 46.1875em) {
    .about-banner__main::after {
        height: 17%;
        background-size: cover; } }
.about-banner__cover {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 18px; }
@media only screen and (max-width: 46.1875em) {
    .about-banner__cover {
        grid-template-columns: repeat(1, 1fr); } }
.about-banner__img, .about-banner__info {
    position: relative;
    z-index: 2; }
.about-banner__img {
    width: 55%; }
@media only screen and (max-width: 46.1875em) {
    .about-banner__img {
        width: 100%;
        margin-top: 40px; } }
.about-banner__info {
    width: 45%; }
@media only screen and (max-width: 46.1875em) {
    .about-banner__info {
        width: 100%; } }
.about-banner__title {
    font-size: 34px;
    font-weight: 700; }
@media only screen and (max-width: 1366px) {
    .about-banner__title {
        font-size: 30px; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .about-banner__title {
        font-size: 24px; } }
@media only screen and (max-width: 46.1875em) {
    .about-banner__title {
        font-size: 22px; } }
.about-banner__desc {
    color: #5f6368;
    margin-top: 32px; }
@media only screen and (max-width: 1366px) {
    .about-banner__desc {
        margin-top: 24px;
        font-size: 15px; } }
@media only screen and (max-width: 46.1875em) {
    .about-banner__desc {
        font-size: 14px; } }
.about-banner__detail {
    border-radius: 16px; }
.about-banner__detail:first-child {
    padding: 50px 46px 0;
    background-color: #fff0ea; }
@media only screen and (max-width: 63.9375em) {
    .about-banner__detail:first-child {
        padding: 32px 28px 0; }
    .about-banner__detail:first-child .hide-on-bothTM {
        display: none !important; } }
.about-banner__detail:last-child {
    padding: 50px 46px 60px;
    border: 1px solid #dadce0; }
@media only screen and (max-width: 63.9375em) {
    .about-banner__detail:last-child {
        padding: 32px 28px 40px; }
    .about-banner__detail:last-child .hide-on-bothTM {
        display: none !important; } }
.about-banner__icon {
    height: 265px;
    margin: -32px -36px -18px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
@media only screen and (max-width: 46.1875em) {
    .about-banner__icon {
        margin: -8px -36px -18px 0; } }
.about-banner__icon > img {
    height: 100%;
    object-fit: contain; }
.about-banner__list {
    margin-top: 32px; }
@media only screen and (max-width: 63.9375em) {
    .about-banner__list {
        margin-top: 22px; }
    .about-banner__list .hide-on-bothTM {
        display: none !important; } }
.about-banner__name {
    font-weight: 500; }
.about-banner__text {
    margin-top: 6px;
    color: #5f6368;
    line-height: 1.4; }
@media only screen and (max-width: 63.9375em) {
    .about-banner__text {
        font-size: 14px; }
    .about-banner__text .hide-on-bothTM {
        display: none !important; } }
.about-banner__item + .about-banner__item {
    margin-top: 20px; }

.pledge-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px 22px; }
@media only screen and (max-width: 63.9375em) {
    .pledge-list {
        grid-template-columns: repeat(2, 1fr); }
    .pledge-list .hide-on-bothTM {
        display: none !important; } }

.pledge-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column; }
.pledge-item__desc {
    text-align: center;
    margin-top: 16px;
    color: #5f6368; }
@media only screen and (max-width: 46.1875em) {
    .pledge-item__desc {
        font-size: 14px;
        line-height: 1.5; } }

.quote {
    position: relative;
    margin-top: 80px;
    padding: 40px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed; }
.quote.special:before {
    background-color: #2061b3;
    background-color: #2061b3; }
.quote.special .quote-content__main {
    padding: 0 0 20px; }
.quote:before {
    position: absolute;
    content: "";
    inset: 0;
    opacity: 0.88;
    background-color: #050f5a; }
.quote-wrapper {
    position: relative;
    z-index: 10;
    margin: 30px 0; }
.quote-header {
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #fff;
    text-align: center; }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .quote-header {
        font-size: 21px; } }
@media only screen and (max-width: 46.1875em) {
    .quote-header {
        font-size: 16px;
        line-height: 1.5; } }
.quote-header.special {
    font-size: 31px !important;
    text-align: left; }
.quote-header__sub {
    margin-top: 5px;
    display: inline-block;
    text-transform: uppercase; }
@media only screen and (max-width: 46.1875em) {
    .quote-header__sub {
        margin-top: 4px;
        font-size: 16px;
        line-height: 1.5; } }
.quote-content {
    margin-top: 36px;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start; }
@media only screen and (max-width: 63.9375em) {
    .quote-content {
        flex-direction: column; }
    .quote-content .hide-on-bothTM {
        display: none !important; } }
.quote-content__info {
    min-width: 384px;
    width: 384px; }
@media only screen and (max-width: 63.9375em) {
    .quote-content__info {
        width: 100%;
        min-width: 100%; }
    .quote-content__info .hide-on-bothTM {
        display: none !important; } }
.quote-content__form {
    padding-left: 40px;
    width: 100%; }
@media only screen and (max-width: 63.9375em) {
    .quote-content__form {
        padding-left: 0px;
        padding-top: 40px; }
    .quote-content__form .hide-on-bothTM {
        display: none !important; } }
.quote-content__header {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 28px; }
@media only screen and (max-width: 46.1875em) {
    .quote-content__header {
        gap: 12px 20px;
        grid-template-columns: repeat(1, 1fr); } }
.quote-content__item {
    line-height: 1.6; }
@media only screen and (max-width: 46.1875em) {
    .quote-content__item {
        font-size: 15px; } }
.quote-content__item > img {
    width: 90px; }
.quote-content__item + .quote-content__item {
    margin-top: 8px; }
.quote-content__text {
    font-size: 14px;
    margin-top: 18px; }
.quote-content__title {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 20px 10px;
    border-radius: 20px 20px 0 0;
    background-color: #111827; }
@media only screen and (max-width: 1366px) {
    .quote-content__title {
        font-size: 17px; } }
.quote-content__label {
    color: #111827;
    font-weight: 500; }
@media only screen and (max-width: 1366px) {
    .quote-content__label {
        font-size: 14px; } }
@media only screen and (max-width: 46.1875em) {
    .quote-content__label {
        font-size: 15px; } }
.quote-content__select {
    margin-top: 5px;
    padding: 7px 33px 7px 12px;
    border-color: #e5e7eb;
    background-color: #e5e7eb; }
@media only screen and (max-width: 1366px) {
    .quote-content__select {
        font-size: 14px;
        margin-top: 3px; } }
@media only screen and (max-width: 46.1875em) {
    .quote-content__select {
        margin-top: 4px;
        font-size: 15px; } }
.quote-content__select:focus, .quote-content__select:active {
    border-color: #e5e7eb;
    box-shadow: none; }
.quote-content__main {
    padding: 24px;
    background-color: #fff;
    border-radius: 0 0 20px 20px; }
@media only screen and (max-width: 1366px) {
    .quote-content__main {
        padding: 20px; } }
.quote-content__option + .quote-content__option {
    margin-top: 10px; }
.quote-content__img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center; }
.quote-content__img > img {
    height: 32px; }
.quote-content__sub {
    min-width: 100px;
    display: none;
    text-align: left; }
@media only screen and (max-width: 46.1875em) {
    .quote-content__sub {
        font-weight: 600;
        font-size: 14px;
        display: inline-block; } }
.quote-content__table {
    margin: 20px 0 0;
    border-radius: 4px;
    border: 1px solid #d9dbe1; }
@media only screen and (max-width: 1366px) {
    .quote-content__table {
        font-size: 14px; } }
@media only screen and (max-width: 46.1875em) {
    .quote-content__table {
        font-size: 15px;
        display: flex;
        padding-bottom: 14px; } }
.quote-content__table.table-large {
    margin: 0;
    border-radius: 0; }
.quote-content__table.table-large tr > th {
    text-align: center;
    border-bottom: 1px solid #d9dbe1; }
.quote-content__table.table-large tr > th:first-child {
    width: 13%; }
.quote-content__table.table-large tr > th:nth-child(2) {
    width: 20%; }
.quote-content__table.table-large tr > th:nth-child(3) {
    width: 18%; }
.quote-content__table.table-large tr > th:nth-child(4) {
    width: 16%; }
.quote-content__table.table-large tr > th:nth-child(5) {
    width: 17%; }
.quote-content__table.table-large tr > th:nth-child(6) {
    width: 16%; }
@media only screen and (max-width: 46.1875em) {
    .quote-content__table tr {
        padding-top: 10px;
        display: flex;
        flex-direction: column; } }
@media only screen and (max-width: 46.1875em) {
    .quote-content__table tr + tr {
        border-top: 1px solid #d9dbe1; } }
@media only screen and (max-width: 46.1875em) {
    .quote-content__table > thead {
        width: 40%;
        display: none; } }
@media only screen and (max-width: 46.1875em) {
    .quote-content__table > tbody {
        width: 100%; } }
.quote-content__table > :not(caption) > * > * {
    border: 0; }
.quote-content__table > :not(:first-child) {
    border-top: 0;
    border-color: #d9dbe1; }
.quote-content__table tr > th {
    text-align: center;
    border-bottom: 1px solid #d9dbe1; }
@media only screen and (max-width: 46.1875em) {
    .quote-content__table tr > th {
        min-height: 45px;
        width: 100% !important;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center; } }
.quote-content__table tr > th:first-child {
    width: 15%; }
.quote-content__table tr > th:nth-child(2) {
    width: 23%; }
.quote-content__table tr > th:nth-child(3) {
    width: 20%; }
.quote-content__table tr > th:nth-child(4) {
    width: 18%; }
.quote-content__table tr > th:nth-child(5) {
    width: 24%; }
@media only screen and (max-width: 46.1875em) {
    .quote-content__table tr > th:last-child {
        border-bottom: 0px; } }
.quote-content__table tr > td {
    text-align: center;
    vertical-align: middle; }
@media only screen and (max-width: 46.1875em) {
    .quote-content__table tr > td {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        padding: 0 22px;
        min-height: 34px;
        width: 100% !important; } }
@media only screen and (max-width: 46.1875em) {
    .quote-content__table tr > td div {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center; } }
@media only screen and (max-width: 46.1875em) {
    .quote-content__table tr > td:last-child {
        border-bottom: 0px; } }
.quote-content__cover {
    padding: 20px 20px 0; }
.quote-content__detail {
    margin-top: 16px; }
@media only screen and (max-width: 46.1875em) {
    .quote-content__detail {
        margin-top: 28px; } }
.quote-content__name {
    color: #111827;
    text-align: left;
    font-weight: 600;
    padding: 8px 20px; }
@media only screen and (max-width: 46.1875em) {
    .quote-content__name {
        border-top: 1px solid #d9dbe1; } }
.quote-content__btn {
    color: #fff;
    width: 100%;
    font-weight: 600;
    padding: 9px 10px;
    border: 0;
    border-radius: 4px;
    background-color: #ff5100; }
@media only screen and (max-width: 46.1875em) {
    .quote-content__btn {
        padding: 6px 10px; } }
@media only screen and (max-width: 46.1875em) {
    .quote-content__total {
        font-weight: 600;
        font-size: 16px; } }
.quote-content__nav {
    width: 100%; }
@media only screen and (max-width: 46.1875em) {
    .quote-content__nav {
        padding: 14px 0 8px; } }

.nav {
    padding-top: 40px; }
@media only screen and (max-width: 63.9375em) {
    .nav {
        padding-top: 18px; }
    .nav .hide-on-bothTM {
        display: none !important; } }
.nav-list {
    margin-bottom: 0; }
@media only screen and (max-width: 63.9375em) {
    .nav-list {
        flex-wrap: wrap;
        overflow: hidden;
        padding-bottom: 10px; }
    .nav-list .hide-on-bothTM {
        display: none !important; } }
.nav-item.active .nav-item__link {
    color: #202124;
    font-weight: 700; }
@media only screen and (max-width: 63.9375em) {
    .nav-item span {
        display: contents;
        width: fit-content; }
    .nav-item span .hide-on-bothTM {
        display: none !important; } }
.nav-item__link {
    display: inline-block;
    color: #5f6368; }
@media only screen and (max-width: 63.9375em) {
    .nav-item__link {
        width: max-content;
        line-height: 1.4; }
    .nav-item__link .hide-on-bothTM {
        display: none !important; } }

.cart {
    border-bottom: 1px solid #dadce0; }
.cart-title {
    margin-top: 24px;
    line-height: 1.2; }
@media only screen and (max-width: 46.1875em) {
    .cart-title {
        margin-top: 14px; } }
.cart-cover {
    margin-top: 32px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    padding-bottom: 70px; }
@media only screen and (max-width: 63.9375em) {
    .cart-cover {
        flex-direction: column; }
    .cart-cover .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .cart-cover {
        margin-top: 24px;
        padding-bottom: 30px; } }
.cart-table {
    padding-right: 20px;
    width: 70%; }
@media only screen and (max-width: 46.1875em) {
    .cart-table {
        padding-right: 0; } }
.cart-table .table-product {
    width: 52%; }
.cart-table .table-quantity {
    text-align: center;
    width: 21%; }
.cart-table .table-price {
    width: 23%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center; }
.cart-table .table-remove {
    width: 4%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: red;
    font-size: 18px; }
@media only screen and (max-width: 46.1875em) {
    .cart-table .table-remove {
        font-size: 22px; } }
@media only screen and (max-width: 63.9375em) {
    .cart-table, .cart-bill {
        width: 100%; }
    .cart-table .hide-on-bothTM, .cart-bill .hide-on-bothTM {
        display: none !important; } }
.cart-header {
    padding-bottom: 10px;
    border-bottom: 1.4px solid #dadce0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
@media only screen and (max-width: 46.1875em) {
    .cart-header {
        display: none; } }
.cart-header > span {
    text-transform: uppercase;
    font-weight: 700; }
.cart-content {
    margin-top: 24px; }
@media only screen and (max-width: 46.1875em) {
    .cart-content {
        margin-top: 0; } }
.cart-content__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start; }
@media only screen and (max-width: 46.1875em) {
    .cart-content__item {
        flex-direction: column;
        padding: 16px 14px;
        border-radius: 16px;
        border: 1px solid #dadce0; } }
.cart-content__item + .cart-content__item {
    margin-top: 16px; }
.cart-content__item .table-product, .cart-content__item .table-quantity, .cart-content__item .table-price, .cart-content__item .table-remove {
    min-height: 52px; }
@media only screen and (max-width: 46.1875em) {
    .cart-content__item .table-product, .cart-content__item .table-quantity, .cart-content__item .table-price, .cart-content__item .table-remove {
        width: 100%;
        min-height: auto; } }
.cart-content__img {
    min-width: 102px;
    width: 102px;
    margin-right: 16px;
    overflow: hidden;
    border-radius: 16px; }
@media only screen and (max-width: 46.1875em) {
    .cart-content__img {
        min-width: 80px; } }
.cart-content__cover {
    padding-right: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start; }
.cart-content__title {
    font-weight: 500;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
.cart-content__title > a {
    color: #202124; }
.cart-content__desc {
    font-size: 14px;
    margin-top: 12px; }
@media only screen and (max-width: 46.1875em) {
    .cart-content__price {
        font-weight: 600;
        font-size: 16px;
        margin-top: 10px;
        justify-content: flex-start !important; } }
.cart-content__price > span {
    font-weight: 400; }
@media only screen and (max-width: 46.1875em) {
    .cart-content__remove {
        margin-top: 14px;
        padding-top: 16px;
        border-top: 1px solid #dadce0; } }
.cart-content__text {
    display: none; }
@media only screen and (max-width: 46.1875em) {
    .cart-content__text {
        display: block;
        margin-right: 12px; } }
@media only screen and (max-width: 46.1875em) {
    .cart-content__quantity {
        margin-top: 18px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center; } }
.cart-content .product-activity__quantity {
    margin-left: 0;
    justify-content: center; }
@media only screen and (max-width: 46.1875em) {
    .cart-content .product-activity__quantity {
        padding: 7px 24px; } }
.cart-bill {
    position: sticky;
    top: 120px;
    width: 30%; }
@media only screen and (max-width: 63.9375em) {
    .cart-bill {
        margin-top: 34px;
        width: 100%; }
    .cart-bill .hide-on-bothTM {
        display: none !important; } }
.cart-bill__info {
    padding: 32px 28px;
    border-radius: 16px;
    background-color: #f7f7f7; }
@media only screen and (max-width: 63.9375em) {
    .cart-bill__info {
        padding: 28px 18px; }
    .cart-bill__info .hide-on-bothTM {
        display: none !important; } }
.cart-bill__info.special {
    padding: 24px 18px; }
.cart-bill__info + .cart-bill__info {
    margin-top: 24px; }
.cart-bill__title {
    font-weight: 700; }
.cart-bill__cover {
    margin-top: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid #dadce0; }
.cart-bill__total, .cart-bill__detail {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center; }
.cart-bill__total {
    margin-top: 26px; }
.cart-bill__detail + .cart-bill__detail {
    margin-top: 10px; }
.cart-bill__text {
    color: #5f6368; }
.cart-bill__price {
    font-weight: 500; }
@media only screen and (max-width: 46.1875em) {
    .cart-bill__price {
        font-size: 15px; } }
.cart-bill__money {
    font-size: 20px;
    font-weight: 700;
    color: #ff5100; }
.cart-bill__btn {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin-top: 24px;
    padding: 12px 18px 11px;
    border-radius: 40px;
    background: linear-gradient(267deg, #ff5100 25%, #ff9500 75%); }
.cart-bill__btn:hover {
    color: #fff; }
.cart-bill__group {
    padding-right: 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start; }
.cart-bill__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    flex-direction: column; }
.cart-bill__number {
    margin-top: 6px;
    font-weight: 500;
    color: #5f6368; }
.cart-bill__number, .cart-bill__name {
    font-size: 14px; }
.cart-bill__item {
    margin-top: 18px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
.cart-bill__img {
    overflow: hidden;
    min-width: 54px;
    width: 54px;
    height: 54px;
    margin-right: 8px;
    border-radius: 16px; }
.cart-form__title {
    font-weight: 700;
    text-transform: uppercase; }
.cart-form__cover + .cart-form__cover {
    margin-top: 32px; }
.cart-form__textarea, .cart-form__select, .cart-form__input {
    width: 100%;
    padding: 14px 16px;
    border-radius: 30px;
    border-color: #dadce0; }
.cart-form__textarea::placeholder, .cart-form__select::placeholder, .cart-form__input::placeholder {
    color: #c4c4c4; }
.cart-form__info {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px 12px; }
@media only screen and (max-width: 46.1875em) {
    .cart-form__info {
        grid-template-columns: repeat(1, 1fr); } }
.cart-form__option {
    display: none;
    font-weight: 500; }
.cart-form__option:checked ~ .cart-form__radio {
    border-color: #254edb; }
.cart-form__option:checked ~ .cart-form__radio::after {
    display: block; }
.cart-form__note, .cart-form__textarea {
    grid-column: 1/3; }
@media only screen and (max-width: 46.1875em) {
    .cart-form__note, .cart-form__textarea {
        grid-column: 1/2; } }
.cart-form__check {
    margin-top: 16px; }
.cart-form__check .form-check {
    padding-left: 0;
    line-height: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
.cart-form__check .form-check + .form-check {
    margin-top: 10px; }
.cart-form__radio {
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px solid #dadce0; }
.cart-form__radio::after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background-color: #254edb;
    display: none; }
.cart-form__label {
    font-weight: 500;
    line-height: 1.2; }
.cart-form__btn {
    margin-top: 32px; }

.project-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start; }
@media only screen and (max-width: 63.9375em) {
    .project-wrapper {
        flex-direction: column; }
    .project-wrapper .hide-on-bothTM {
        display: none !important; } }

.project-article {
    width: 76%; }
.project-article__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px 21px; }
@media only screen and (max-width: 63.9375em) {
    .project-article__list {
        gap: 32px 21px; }
    .project-article__list .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .project-article__list {
        gap: 24px 18px;
        grid-template-columns: repeat(2, 1fr); } }
.project-article__item {
    color: #202124; }
.project-article__img {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    padding-top: 67%;
    overflow: hidden; }
.project-article__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
.project-article__img > img {
    object-fit: contain; }
.project-article__info {
    margin-top: 8px; }
.project-article__position {
    font-size: 14px;
    font-style: italic;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center; }
@media only screen and (max-width: 46.1875em) {
    .project-article__position {
        font-size: 13px; } }
.project-article__position > svg {
    margin-right: 8px; }
@media only screen and (max-width: 46.1875em) {
    .project-article__position > svg {
        margin-right: 4px;
        width: 18px;
        height: 18px; } }
.project-article__title {
    margin-top: 10px;
    font-weight: 500;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
@media only screen and (max-width: 63.9375em) {
    .project-article__title {
        margin-top: 8px; }
    .project-article__title .hide-on-bothTM {
        display: none !important; } }
@media only screen and (max-width: 46.1875em) {
    .project-article__title {
        font-size: 13px;
        line-height: 1.4; } }
.project-article__desc {
    font-size: 14px;
    margin-top: 16px;
    color: #5f6368;
    line-height: 1.4; }
@media only screen and (max-width: 46.1875em) {
    .project-article__desc {
        margin-top: 14px; } }

.project-outstand {
    position: sticky;
    top: 132px;
    padding-left: 20px;
    width: 24%; }
@media only screen and (max-width: 63.9375em) {
    .project-outstand {
        padding-left: 0px;
        margin-top: 48px; }
    .project-outstand .hide-on-bothTM {
        display: none !important; } }
.project-outstand__list {
    margin-top: 24px; }
.project-outstand__img {
    --size: 67px;
    min-width: var(--size);
    border-radius: 8px;
    position: relative;
    height: var(--size);
    overflow: hidden; }
.project-outstand__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .project-outstand__img {
        --size: 120px; } }
@media only screen and (max-width: 46.1875em) {
    .project-outstand__img {
        --size: 103px; } }
.project-outstand__icon {
    --size: 50px;
    width: var(--size);
    height: var(--size); }
@media only screen and (max-width: 1366px) {
    .project-outstand__icon {
        --size: 40px; } }
.project-outstand__item {
    color: #202124;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start; }
.project-outstand__item:hover {
    color: #254edb; }
.project-outstand__item + .project-outstand__item {
    margin-top: 18px; }
.project-outstand__detail {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 8px 24px 8px;
    border-radius: 16px;
    border: 1px solid #dadce0; }
@media only screen and (max-width: 1366px) {
    .project-outstand__detail {
        padding: 8px 10px 8px; } }
.project-outstand__service {
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px; }
.project-outstand__desc {
    margin-left: 8px;
    line-height: 1.4;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }
@media only screen and (max-width: 46.1875em) {
    .project-outstand__desc {
        font-size: 15px; } }
.project-outstand__text {
    margin-top: 6px;
    font-size: 15px;
    line-height: 1.3;
    color: #5f6368;
    text-align: center; }
@media only screen and (max-width: 1366px) {
    .project-outstand__text {
        font-size: 13px; } }

@media only screen and (max-width: 63.9375em) {
    .project-article, .project-outstand {
        width: 100%; }
    .project-article .hide-on-bothTM, .project-outstand .hide-on-bothTM {
        display: none !important; } }

.project-detail {
    margin-top: 40px; }
@media only screen and (max-width: 1366px) {
    .project-detail {
        margin-top: 30px; } }
.project-detail__img {
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    padding-top: 67%;
    overflow: hidden; }
.project-detail__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
.project-detail__img > img {
    object-fit: contain; }
.project-detail__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 24px; }
@media only screen and (max-width: 1366px) {
    .project-detail__title {
        font-size: 22px; } }
@media only screen and (max-width: 46.1875em) {
    .project-detail__title {
        font-size: 18px;
        margin-top: 18px; } }
.project-detail__time {
    display: inline-block;
    margin-top: 14px;
    font-size: 14px;
    font-style: italic;
    color: #5f6368; }
@media only screen and (max-width: 1366px) {
    .project-detail__time {
        margin-top: 10px; } }
.project-detail__content {
    width: 100%;
    overflow: hidden; }
.project-detail__content * {
    margin: revert;
    font-size: revert;
    padding: revert;
    list-style-type: revert;
    display: revert;
    color: revert;
    text-decoration: revert; }
.project-detail__content img {
    display: inline-block; }

.news-wrapper {
    margin-top: 60px; }

.news-article__main {
    color: #202124; }
.news-article__main .project-detail__img {
    padding-top: 59%; }
@media only screen and (max-width: 46.1875em) {
    .news-article__main .project-detail__img {
        padding-top: 67%; } }
.news-article__main:hover .news-article__desc {
    color: #202124; }

.news-article__desc {
    margin-top: 6px; }

.news-article__list {
    margin-top: 60px; }

.news-article__item {
    color: #202124;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start; }
@media only screen and (max-width: 46.1875em) {
    .news-article__item {
        flex-direction: column; } }
.news-article__item .news-article__desc {
    color: #202124; }
.news-article__item + .news-article__item {
    margin-top: 24px; }

.news-article__img {
    min-width: 225px;
    border-radius: 16px;
    margin-right: 20px;
    position: relative;
    height: 164px;
    overflow: hidden; }
.news-article__img > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; }
@media only screen and (max-width: 1366px) {
    .news-article__img {
        height: 139px;
        min-width: 200px; } }
@media only screen and (max-width: 46.1875em) {
    .news-article__img {
        width: 100%;
        height: 292px;
        margin-right: 0;
        margin-bottom: 14px; } }

.news-article__title {
    font-size: 20px;
    font-weight: 700; }
@media only screen and (max-width: 1366px) {
    .news-article__title {
        font-size: 18px; } }

.news-article__time {
    display: inline-block;
    margin-top: 8px;
    font-style: italic;
    font-size: 14px;
    color: #5f6368; }

.news-article__desc {
    font-size: 14px; }

.question-item {
    border: 0; }
.question-item:not(:first-of-type) {
    margin: 4px 0; }

.question-content {
    padding-top: 0;
    color: #5f6368;
    background-color: #e8f0fe;
    border-radius: 0 0 16px 16px; }

.question-btn {
    color: #202124;
    font-weight: 500;
    line-height: 1.5;
    align-items: flex-start;
    padding: 16px 56px 16px 20px;
    border-radius: 16px 16px 0 0 !important;
    border-bottom: 1px solid #dadce0; }
@media only screen and (max-width: 46.1875em) {
    .question-btn {
        line-height: 1.4;
        padding: 18px 38px 17px 12px; } }
.question-btn:focus {
    border-color: #dadce0 !important; }
.question-btn:not(.collapsed) {
    color: #202124;
    box-shadow: none;
    border-bottom: 0; }
.question-btn:not(.collapsed)::after {
    height: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='3' viewBox='0 0 13 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 3H2C1.60218 3 1.22064 2.84196 0.93934 2.56066C0.658036 2.27936 0.5 1.89782 0.5 1.5C0.5 1.10218 0.658036 0.720645 0.93934 0.43934C1.22064 0.158036 1.60218 0 2 0H11C11.3978 0 11.7794 0.158036 12.0607 0.43934C12.342 0.720645 12.5 1.10218 12.5 1.5C12.5 1.89782 12.342 2.27936 12.0607 2.56066C11.7794 2.84196 11.3978 3 11 3Z' fill='%235F6368'/%3E%3C/svg%3E%0A"); }
.question-btn:not(.collapsed) > svg path {
    fill: #254edb; }
.question-btn::after {
    position: absolute;
    top: 50%;
    right: 24px;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    background-size: 13px;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 8H2C1.60218 8 1.22064 7.84196 0.93934 7.56066C0.658036 7.27936 0.5 6.89782 0.5 6.5C0.5 6.10218 0.658036 5.72064 0.93934 5.43934C1.22064 5.15804 1.60218 5 2 5H11C11.3978 5 11.7794 5.15804 12.0607 5.43934C12.342 5.72064 12.5 6.10218 12.5 6.5C12.5 6.89782 12.342 7.27936 12.0607 7.56066C11.7794 7.84196 11.3978 8 11 8Z' fill='%235F6368'/%3E%3Cpath d='M6.50098 12.5C6.10315 12.5 5.72162 12.342 5.44032 12.0607C5.15901 11.7794 5.00098 11.3978 5.00098 11V2C5.00098 1.60218 5.15901 1.22064 5.44032 0.93934C5.72162 0.658036 6.10315 0.5 6.50098 0.5C6.8988 0.5 7.28033 0.658036 7.56164 0.93934C7.84294 1.22064 8.00098 1.60218 8.00098 2V11C8.00098 11.3978 7.84294 11.7794 7.56164 12.0607C7.28033 12.342 6.8988 12.5 6.50098 12.5Z' fill='%235F6368'/%3E%3C/svg%3E%0A"); }
@media only screen and (max-width: 46.1875em) {
    .question-btn::after {
        right: 14px; } }
.question-btn > svg {
    min-width: 24px;
    margin-right: 12px; }
@media only screen and (max-width: 46.1875em) {
    .question-btn > svg {
        margin-right: 8px;
        min-width: 22px; } }

.recruitment {
    padding-top: 40px; }
.recruitment-intro {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start; }
@media only screen and (max-width: 1440px) {
    .recruitment-intro {
        justify-content: center; } }
@media only screen and (max-width: 46.1875em) {
    .recruitment-intro {
        flex-direction: column; } }
.recruitment-intro__title, .recruitment-intro__img {
    width: 50%; }
@media only screen and (max-width: 46.1875em) {
    .recruitment-intro__title, .recruitment-intro__img {
        width: 100%; } }
.recruitment-intro__title {
    padding: 0;
    line-height: 1.3;
    text-align: left; }
@media only screen and (max-width: 1440px) {
    .recruitment-intro__title {
        width: 44%; } }
@media only screen and (max-width: 1366px) {
    .recruitment-intro__title {
        width: 37%; } }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .recruitment-intro__title {
        width: 40%; } }
@media only screen and (max-width: 46.1875em) {
    .recruitment-intro__title {
        width: 100%; } }
.recruitment-intro__title > span {
    color: #254edb;
    font-style: italic; }
.recruitment-intro__img {
    margin-left: -90px;
    margin-top: -140px; }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .recruitment-intro__img {
        margin-top: -88px;
        margin-left: -60px; } }
@media only screen and (max-width: 46.1875em) {
    .recruitment-intro__img {
        margin-left: 0;
        margin-top: -60px; } }
.recruitment-article__list {
    margin-top: 0; }
@media only screen and (max-width: 63.9375em) {
    .recruitment-service {
        margin-top: 64px; }
    .recruitment-service .hide-on-bothTM {
        display: none !important; } }
.recruitment-service__list {
    padding-top: 0;
    grid-template-columns: repeat(1, 1fr); }
@media only screen and (min-width: 46.25em) and (max-width: 63.9375em) {
    .recruitment-service__list {
        grid-template-columns: repeat(2, 1fr); } }
@media only screen and (max-width: 46.1875em) {
    .recruitment-service__list {
        grid-template-columns: repeat(2, 1fr); } }

.guarantee {
    padding-top: 35px; }
@media only screen and (max-width: 46.1875em) {
    .guarantee {
        padding-top: 25px; } }
.guarantee-content {
    margin-top: 26px; }
@media only screen and (max-width: 46.1875em) {
    .guarantee-content {
        margin-top: 14px; } }
.guarantee-content * {
    all: revert; }